// NeoHelio — sister-brand exploration: "orbit" // Same observatory aesthetic, same color tokens & type families, but the // metaphor shifts from solar burst → orbital trajectory. The lowercase // wordmark hides an amber tittle (dot) on the 'i' as the brand's pivot // detail. // Amber satellite with two-phase z-index. The full orbit is traced twice // in parallel: a FRONT dot at z-index 2 (above the b) is visible during // the descending arc (i-tittle → bowl → r area), and a BACK dot at // z-index -1 (below all letters) is visible during the ascending arc // (r area → b's stem → i-tittle). Both circles run on the same path so // the handoff at each apex is seamless. Animation starts at the i-tittle // position so the brand reads as a complete "i" on first paint. const OrbitBSatellite = () => { // Shared orbit path: starts at upper-right (i-tittle), first arc is the // DESCENT (through the b's bowl down to the r), second arc is the // ASCENT (through the b's stem back up to the i-tittle). const ORBIT_PATH = "M 84.5 42.5 A 62 22 0 0 1 -39.5 42.5 A 62 22 0 0 1 84.5 42.5"; const ORBIT_DUR = "5.6s"; return ( {/* BACK pair — behind all letters. Visible during ascent (50–100%). A Gaussian-blurred amber halo fades in over the final 12% of the cycle and glows as the dot reaches the i-tittle, matching the original logo's box-shadow halo style. */} {/* b text — z-index 1, sits above the back dot but below the front dot */} b {/* FRONT pair — in front of the b. Visible during descent (0–50%). The blurred halo carries on from the back halo's peak and fades out over the first 12% of the cycle as the dot leaves the apex. */} ); }; // ────────── Orbit wordmark ────────── // The 'i' is rendered as a dotless ı (U+0131). The amber tittle is gone — // its role has been moved onto an orbiting satellite that circles the 'b', // rendered by OrbitBSatellite. const OrbitWordmark = ({ size = 80, showId = true, showMark = true, mark = "trajectory", style = {} }) => { const fontSize = size; const gap = Math.round(size * 0.38); const idSize = Math.max(9, Math.round(size * 0.13)); return (
{showMark && }
{"or"}{"\u0131t"} {showId && ( orbital intelligence · est. mmxxv )}
); }; // ────────── Orbit marks ────────── // Three variants, parallel to the NeoHelio mark library: // - "trajectory" — orbital ellipse with a satellite traversing // - "phase" — half-shadowed body with a thin ring (planetary) // - "lock" — three concentric trajectories at orbital lock const OrbitMark = ({ variant = "trajectory", size = 64, glow = false, style = {} }) => { const filterId = `orb-glow-${React.useId()}`; const filter = glow ? `url(#${filterId})` : undefined; const Defs = () => ( ); if (variant === "phase") { return ( {/* outer ring */} {/* body */} {/* phase shadow: a violet crescent overlay */} {/* highlight */} ); } if (variant === "lock") { return ( {/* three orbits at different inclinations */} {/* lock nodes — three dots at apex of each orbit */} {/* core */} ); } // trajectory — default // An ellipse + satellite arc, the satellite drawn as an amber pip return ( {/* trajectory ellipse */} {/* fainter inner trajectory */} {/* central body — slate hole with amber rim */} {/* satellite — current orbital position */} {/* opposite-side ghost satellite */} ); }; // ────────── orbit · platform hero ────────── // "orbit" is the operator platform that neohelio (the company) builds. This // sheet positions the platform brand against the parent: a tighter visual // with the orbital diagram as a metaphor — telemetry "orbits" through the // console, every site one node on the trajectory. const OrbitHero = () => (
{/* atmospheric */}
{/* corner chrome */}
◇  ORB-IDENT/01 · platform identity · the neohelio operator console
platform v.4.2
{/* main composition: centered wordmark + tagline + readouts */}

Mission control for solar.
One pane. Every array.

orbit is the operator interface neohelio ships to utility-scale solar fleets. Every site, every inverter, every string — one ring of telemetry passing through the console once every 1.4 seconds.

{/* footer */}
BUILT BY NEOHELIO · DEPLOYED IN 14 REGIONS · SOC-2 TYPE II
{Array.from({ length: 40 }).map((_, i) => (
))}
); // Large hero rendering of "orbit" — the wordmark blown up. Uses the same // dotless-ı (no tittle) + OrbitBSatellite (orbit around the b) treatment // as the small OrbitWordmark. const OrbitMegaWord = () => { const fontSize = 200; return (

{"or"}{"\u0131t"}

); }; // Orbital diagram — concentric tilted ellipses with a tracked satellite const OrbitalDiagram = () => { return ( {/* outermost ring */} {/* central body */} {/* satellites — placed on the outer ring */} {/* compute: ellipse rx=140, ry=52, rotated -22°, angle t */} {(() => { const sats = [ { t: 0.18, color: "var(--nh-accent)", r: 5, label: "ORB-04" }, { t: 0.65, color: "var(--nh-violet)", r: 4 }, { t: 0.92, color: "var(--nh-accent)", r: 3, faint: true }, ]; const θ = -22 * Math.PI / 180; const cosθ = Math.cos(θ), sinθ = Math.sin(θ); return sats.map((s, i) => { const a = s.t * Math.PI * 2; const x0 = Math.cos(a) * 140; const y0 = Math.sin(a) * 52; const x = 190 + (x0 * cosθ - y0 * sinθ); const y = 190 + (x0 * sinθ + y0 * cosθ); return ( {s.label && ( {s.label} )} ); }); })()} {/* compass ticks at four edges */} {["N","E","S","W"].map((d, i) => { const a = (i * 90 - 90) * Math.PI / 180; const x = 190 + Math.cos(a) * 178; const y = 190 + Math.sin(a) * 178; return ( {d} ); })} ); }; // ────────── Orbit mark library ────────── const OrbitLogoSystem = () => (
◇ MARK LIBRARY · ORB-IDENT/02

Three orbits, one pivot.

The wordmark's amber tittle is the brand's pivot — a single dot of warmth on a cold instrument. All three marks orbit a center point, each declaring a different relationship to it: the satellite passing, the body shadowed, the lock acquired.

{/* wordmark lockup */}
WORDMARK LOCKUP
tittle ø0.16em
tittle offset-0.10em
tracking−45
tittle glow0.18em
); const OrbitMarkSpec = ({ label, sub, variant, notes }) => (
{["tl","tr","bl","br"].map((c) => (
))}
{label}
{sub}
    {notes.map((n, i) => (
  • —{n}
    • ))}
); // ────────── Orbit · ground station console (single-screen product preview) ────────── const OrbitGroundStation = () => { const t = useNHClock(); const [tick, setTick] = React.useState(0); React.useEffect(() => { const id = setInterval(() => setTick(x => x + 1), 1400); return () => clearInterval(id); }, []); // generate pass curves const passData = NHsolarCurve(80, 21, 1, 0.04); const snrData = NHsolarCurve(80, 22, 1, 0.06); return (
{/* top bar */}
GROUND STATION / KA-BAND / PASS-ORB04
{fmtHMS(t)}
{fmtUTC(t)}
{/* body */}
{/* sky map */}
◇ SKY VIEW · TOPOCENTRIC
Live pass · ORB-04
AOS T−00:42
LOS T+04:18
{/* link telemetry */}
◇ DOWNLINK · SNR
{(38.4 + Math.sin(tick * 0.6) * 0.2).toFixed(2)} dB · Eb/No ↗ +0.12
◇ DATA INGRESS · CHANNEL HEALTH
{(1.84 + Math.cos(tick * 0.5) * 0.04).toFixed(2)} TB this pass
{/* upcoming passes */}
◇ UPCOMING PASSES · 24H
Track schedule
{[ { id: "ORB-04", t: "ACTIVE", dur: "5m 00s", el: "38°", color: "amber", live: true }, { id: "ORB-12", t: "T+ 00:18", dur: "4m 41s", el: "62°", color: "amber" }, { id: "ORB-07", t: "T+ 01:32", dur: "8m 12s", el: "78°", color: "violet" }, { id: "ORB-04", t: "T+ 02:48", dur: "5m 02s", el: "41°", color: "amber" }, { id: "ORB-19", t: "T+ 04:11", dur: "3m 28s", el: "22°", color: "mint" }, { id: "ORB-22", t: "T+ 05:44", dur: "7m 18s", el: "84°", color: "violet" }, { id: "ORB-12", t: "T+ 07:01", dur: "4m 56s", el: "58°", color: "amber" }, { id: "ORB-31", t: "T+ 09:18", dur: "2m 12s", el: "14°", color: "mint" }, ].map((p, i) => (
{p.id} {p.live && } {p.t}
DUR {p.dur} MAX-EL {p.el}
))}
station load42%
data queue14.2 TB
); }; // Topocentric sky map — concentric elevation rings + an arc tracing the pass const SkyMap = () => { return ( {/* elevation rings */} {[170, 130, 90, 50].map((r, i) => ( ))} {/* azimuth spokes */} {[0, 45, 90, 135].map((a) => { const r = a * Math.PI / 180; const x1 = 180 + Math.cos(r) * 170; const y1 = 180 + Math.sin(r) * 170; return ; })} {/* compass */} {[["N", 0, -184], ["E", 184, 0], ["S", 0, 184], ["W", -184, 0]].map(([d, dx, dy]) => ( {d} ))} {/* elevation labels */} {[["60°", 50], ["30°", 90], ["0°", 170]].map(([l, r]) => ( {l} ))} {/* pass arc — south-east entry, north-west exit, peak northeast */} {/* historic pass trail (solid) */} {/* satellite current position */} ORB-04 {/* AOS / LOS markers */} AOS LOS {/* zenith */} ZEN ); }; // ────────── Lockup: orbit by neohelio ────────── // Used in product top bars. orbit is the platform brand; "by neohelio" is // the small corporate attribution tag below it. The tag is left-padded by // exactly the OrbitWordmark mark width + internal gap so it sits flush // under the "o" of "orbit". const OrbitByNeohelio = ({ size = 22, accent = false }) => { return (
by neohelio.
); }; // ────────── Sub-brand · orbit(satellite) ────────── // orbit(satellite) is the on-array edge device under the orbit platform. // Wordmark uses functional-language argument notation: orbit takes // "satellite" as a typed argument, signaling specialization. The parens // are accent-colored to read as a parameter binding. const OrbitSatelliteWordmark = ({ size = 80, style = {} }) => { const argSize = Math.round(size * 0.31); // (satellite) is ~31% of "orbit" return (
{"or"}{"\u0131t"} ( satellite )
); }; // Wireframe-style edge device drawing — technical-instrument feel, not // product photography. Inverter-mounted weatherproof telemetry node. const EdgeDeviceDiagram = () => ( {/* device chassis */} {/* corner ticks */} {[[90,100,"tl"],[330,100,"tr"],[90,260,"bl"],[330,260,"br"]].map(([x,y,c]) => ( ))} {/* inner panel area */} {/* mounting bolts */} {[[100,108],[320,108],[100,252],[320,252]].map(([x,y], i) => ( ))} {/* display readout */} SITE-04 / B-04 OK · 2.847 GW {/* live LED */} {/* data ports */} RS-485 RJ-45 PWR {/* antenna */} {/* signal arcs */} {[18, 28, 38].map((r, i) => ( ))} {/* annotations */} {/* antenna callout */} LTE · LORA · WIFI {/* LED callout */} LIVE {/* mounting label */} DIN-RAIL × 4 {/* dimensions */} 120 × 80 × 32 mm PART · ORB-SAT-04 ); // Sub-brand hero artboard const OrbitSatelliteHero = () => (
{/* corner chrome */}
◇  ORB-SAT/01 · edge device · sub-brand of orbit
14,218 deployed
{/* main composition */}

On-array hardware.
The edge of orbit.

A weatherproof telemetry node that lives on the inverter. Aggregates per-string DC, ambient temperature, irradiance and combiner-fuse health — uplinks to the orbit platform on the lowest-latency channel available.

{/* footer */}
ORB-SAT-04 · FW v.4.2.18 · LOT MMXXVI/A · CE · FCC · UKCA
{Array.from({ length: 40 }).map((_, i) => (
))}
); Object.assign(window, { OrbitWordmark, OrbitMark, OrbitHero, OrbitLogoSystem, OrbitGroundStation, OrbitByNeohelio, OrbitSatelliteWordmark, OrbitSatelliteHero });