COCKPIT · GOOD MORNING, OWEN
Your network, held in foresight.
Deep-navy faceted planes carry orange nodes and thin edges — the agent (orange) watching the network (blue). Restraint is the rule: one constellation panel per view.
The visual language of the orbital cockpit — EnterpriseAlumni's palette, wrapped in NativeFoundation's grammar. Blue is the network you operate; orange is the intelligence operating it.
Four inherited from NativeFoundation RelayOS. The fifth is Freeside's own — the reason the system exists.
A restrained language that feels dependable. No glow, no neon, no aggressive gradients. The cockpit is calm because the stakes are not.
Inset surfaces, multi-stop shadows, hairline rings. Depth signals importance — never decoration. Cards sink into the page, they don't float.
Sentence-case headlines with a closing period. Humanist sans body. A monospace machine voice. Every label earns its place.
6–18px rounded corners, strong colour contrast inside calm shapes. Sharp 90° corners are forbidden.
Every surface holds a human moment in dialogue with a machine moment. The admin states intent in plain language; the agent plans, forecasts and reports back. Orange is the intelligence. Blue is the network it operates. Never swap them.
Freeside borrows EnterpriseAlumni's colours and gives each one a job drawn from Freeside's own architecture — Molly, Seldon, Case. Colour never carries decorative weight; every hue is a functional signal.
White page like EA — cards lifted by shadow + hairline, not by tone. One soft grey, for insets only. Ink is cool slate navy.
Geist for everything you read; JetBrains Mono for the machine voice. No serif — emphasis is carried by weight, not a display face. Inter (EA's own face) is the systems-continuity fallback when a surface sits alongside the live EA portal.
Lucide (NF's set) at 1.5–2px stroke — visually continuous with EA's FontAwesome/Glyphicons line icons and their slate colouring. Ink by default; tinted only to carry a signal. Circular icon-badges are lifted from EA's quick-links. No emoji, ever.
Primary = network blue (commit to the platform). Agent orange is reserved for the single verb that dispatches an agent — the one sanctioned exception to "orange is never a CTA."
1,204 members · 37 active this week. Engagement trending up since the April relaunch.
Deep-navy faceted planes carry orange nodes and thin edges — the agent (orange) watching the network (blue). Restraint is the rule: one constellation panel per view.
The breathing cursor alternates orange (human) and blue (machine) — the beat between stating intent and the network answering.
The target is WCAG 2.1/2.2 AA on every surface. The tokens and components are tuned so a scan finds nothing — use them as documented and you inherit it. Full guidance + the PR checklist live in DESIGN_SYSTEM.md §10.
Every ink and accent pairing clears AA. Coloured lettering uses the *-text tokens — the vivid agent / warn / danger hues are fills only, never small text. Status is never colour-alone.
Visible :focus-visible ring on everything, logical tab order, real <button>/<a>, skip link. Never remove an outline without replacing it.
Landmarks, one h1, ordered headings. Icon-only controls get a name; decorative marks, the constellation and the cursor are aria-hidden.
Every field has a real label (placeholder ≠ label). Errors are text, not a red border alone.
prefers-reduced-motion stops the breathing cursor, pulse and hovers. Nothing flashes.
Forced-colors / High-Contrast supported. 200% zoom & 320px reflow with no loss. Targets ≥24px.