Stay with hard questions long enough to uncover the assumptions behind what seems obvious. Distinguish true structural change from surface-level novelty.In practice — Before major commitments, write clearly what is believed, the assumptions relied on, and what evidence would change the view.
STELIXX — BRAND SYSTEM · FIELD GUIDE
Build on thefirst light,every surface.
Everything needed to ship pages, decks, and instruments that read unmistakably Stelixx. Copy the tokens. Follow the rules. Keep the budgets — one glow, one green field, dawn as the only accent.
The sky at first light.
Every color on this page is a live token — toggle the site theme and the guide re-renders itself. Dawn green is the only accent; everything else is sky, ink, or instrument chrome.
The sky ramp
7 STOPS — THE HORIZONPages open in deep navy and lift toward dawn exactly once — the horizon at the bottom of the hero. In light theme the same ramp re-skins to fog lifting off a field. This guide is running on these tokens right now.
D #010a10
L #e8ebe4
D #010d14
L #fbfcf9
D #011a27
L #f3f7f0
D #022e42
L #e8f1e4
D #065666
L #dcebd2
D #0a6e57
L #cde3c2
D #010f16
L #e3e7dc
The dawn register
4 READINGSDawn means evidence and action — it marks the leading edge, the live dot, the one place a reader can act. It is never decorative fill, never a wash behind paragraphs, never two greens competing on one page.
The one accent. CTAs, live-dots, leading-edge emphasis, em accents.
Inner bloom of the first-light glow. Never a text color.
Meter ramps, secondary data, the climb toward dawn.
Telemetry lead inside mono chrome.
Ink & action
7 READINGSHeadings and body ink.
Ledes and supporting copy.
Instrument metadata, captions.
Inline text links.
Buttons, live-dots, the daybreak CTA. The only green field.
Green used as text — shifts darker in light to hold contrast.
Focus-visible rings. Never remove.
Surfaces
5 GROUNDS#022737 is the brand plate — the navy the logo is drawn on and the ground every instrument plate sits on. Raised and overlay step upward for chrome; nothing floats above overlay.
Lowest ground under the canvas.
The page itself.
Brand navy. Instrument plates, cards, the logo’s native ground.
One step up — panels and wells.
Highest chrome — dialogs, menus.
Tone fills
5 FILLSQuiet brand fill behind selected states.
Informational notices.
Warning notices.
Destructive confirmations.
Muted fills, badge wells.
Status
5 READINGSStatus colors read instrument state — diagnostic, not decorative. Venture and evidence statuses stay neutral: the word carries the claim, not the color.
Healthy readings.
Watch state.
Failure readings.
Informational readings.
Dormant state.
Borders & state
4 READINGSFaintest hairline — plates on canvas.
Inputs, cards, rails.
Horizon rules, emphasized edges.
Hover wash — rows, links, pills.
Venture grounds
4 GROUNDSVenture surfaces are project-owned accents — fixed hex, identical in both themes. They appear inside venture cards and product contexts only; never as a page canvas.
Venture ground. Fixed hex, same in both themes.
Deeper venture band.
Venture ground. Fixed hex.
Paper register for Outflow print surfaces.
Licensed mark ground — flexible alternate to the navy plate. Never a page canvas.
/* compose with vars — never hardcode a hex outside this file */
.plate { background: var(--stx-surface-default); border: 1px solid var(--stx-border-subtle); }
.reading { color: var(--stx-aur-em); }
.is-live::before { background: var(--stx-action-brand); } /* the dot */
.cta-field { background: #00e664; } /* the one green field, per page */Three registers, one voice.
Source Serif 4 holds the editorial line. Inter does the working text. IBM Plex Mono is the instrument register — telemetry, statuses, anything that reads like a readout. All fonts are self-hosted; nothing loads from a CDN.
See the first light.
Built where reality can answer back.
Stelixx is a venture studio that turns emerging technologies into enduring products and companies through thesis-driven building and real-world testing.
The future is not something we wait for. It is something we choose to take part in building. At Stelixx, we choose to become builders of the future — and the claims on this site are published only at the stage the work has actually reached.
“What becomes possible when machine intelligence is the starting material, not the finishing layer?”
The scale
11 STEPS| Token | Size | Line-height | Tracking | Sample |
|---|---|---|---|---|
--stx-size-display-lg | 4.5rem / 72 | lh-tight 1.15 | −0.035em | Hero display |
--stx-size-display-md | 3.75rem / 60 | lh-tight 1.15 | −0.035em | .stx-display |
--stx-size-display-sm | 3rem / 48 | lh-tight 1.15 | −0.02em | Display small |
--stx-size-h1 | 2.25rem / 36 | lh-tight 1.15 | −0.02em | .stx-h1 semibold |
--stx-size-h2 | 1.875rem / 30 | lh-snug 1.3 | −0.02em | .stx-h2 semibold |
--stx-size-h3 | 1.5rem / 24 | lh-snug 1.3 | 0 | .stx-h3 semibold |
--stx-size-h4 | 1.25rem / 20 | lh-snug 1.3 | 0 | .stx-h4 semibold |
--stx-size-lead | 1.125rem / 18 | lh-relaxed 1.65 | 0 | .stx-lede |
--stx-size-body | 1rem / 16 | lh-normal 1.5 | 0 | Body copy |
--stx-size-small | 0.875rem / 14 | lh-normal 1.5 | 0 | Dense UI |
--stx-size-meta | 0.75rem / 12 | lh-snug 1.3 | +0.12em caps | Eyebrow / meta |
Font files
SELF-HOSTEDinter-var-latin.woff2 --font-sans / --stx-font-sans body, UI
source-serif-4-var-latin.woff2 --font-display headings, quotes
source-serif-4-var-italic-latin.woff2 em accents
ibm-plex-mono-{400,500,600}.woff2 --font-mono instrument chrome
/* metric-matched fallbacks ship in globals.css — zero-CLS swap */
vendor v2.3 families — venture themes swap UI/display, keep mono:
signal Inter + Source Serif 4 + IBM Plex Mono this site
atlas Plus Jakarta Sans + Inter body + IBM Plex Mono geolify
forge IBM Plex Sans + Inter body + IBM Plex Mono labs
/* --stx-font-body splits running text from UI font in venture themes */Instruments, not ornaments.
Controls are pill-shaped, 44px high, hairline-bordered, and honest about state. Each demo runs the component inside both themes so the token contract is visible at a glance.
Buttons
DARK / LIGHTBadges & status
WORD CARRIES THE CLAIMEvery status badge is the same neutral chrome with the same green live-dot. The word carries the claim, not the color — a Live Product and an Open Co-Venture Slot look identical because only the text may differ.
Cards & records
RECORD PLATESCanonical blocks state what is settled — the perpetual question, the position. They read like plaques, not ads.
Evidence blocks carry citations and readings — an indexed rail, dense body, mono index. Claims attach to these, never to bare assertion.
“Running in a real workflow” outranks “we are exploring.” The ladder fixes which sentence is legal.
Inputs
44 / 32PXLabel is always visible — never placeholder-only.
Tables
48PX ROWS · TABULAR NUMSpill geometry buttons + badges use --stx-radius-full, always 44px floor editorial controls never shrink below it hairline edges 1px --stx-border-* — no heavy borders, no shadow cards live-dot always action-brand green, even on "closed" statuses state hover = --stx-state-hover wash; focus = 2px --stx-focus ring tokens only a component that hardcodes a hex fails review
One star, kept on its ground.
The mark is a four-point star — asymmetric on purpose, dawn green, never recolored. Its canonical tile is the green star on the navy plate #022737 — the social avatar. On pale fields it does not stay green: the mark and the lockup go navy.
The mark
LICENSED GROUNDSThe lockup
WORDMARKstelixx-icon-white.png and stelixx-lockup-light.png are navy artwork. The filename names the surface it was designed for, not the ink. On a dark field it will vanish; use the green SVG or the canonical navy tile instead.Downloads
CANONICAL FILESShip the SVG wherever the pipeline allows it. Raster is for contexts that cannot render vectors — decks, favicons, social cards. The bumper (stelixx-brand-bumper.mp4) is the motion lockup — video surfaces only.
Imagery
GUIDANCEThe visual language
- Horizon, first-light, star field.Heroes only — the sky lives at the top of the page, then yields to field.
- Instrument plates and readouts.Data presented as calibrated instruments, never decorative charts.
- Product surfaces on their own grounds.Geolify on #062b32, Outflow on #13202a — fixed venture surfaces, real UI.
Never
- Stock-photo clichés.No robot hands, no glowing brains, no purple-gradient “AI”.
- Mark misuse.No recolors, outlines, drop shadows, or busy-ground placements.
- Glow as decoration.One bloom per page, anchored at the horizon — never trailing the reader.
Two registers, one scale.
Every space value comes from the same 12-step scale. The choice is the register — editorial for reading surfaces, cockpit for instruments. Mixing registers inside a block is the most common layout defect.
The space scale
12 STEPS · 2→96PX--stx-space-12px--stx-space-24px--stx-space-38px--stx-space-412px--stx-space-516px--stx-space-620px--stx-space-724px--stx-space-832px--stx-space-940px--stx-space-1048px--stx-space-1164px--stx-space-1296pxRadius
7 VALUES4px
6px
8px
10px
14px
20px
9999px
The two registers
PICK ONE PER BLOCK| Register | Row | Control | Gutter | Section | Measure | Radius |
|---|---|---|---|---|---|---|
| Editorialprose, marketing, reading surfaces | 48px | 44px | 24px | ~96px | ≤ 72ch | 14px |
| Cockpitinstruments, data panels, consoles | 34px | 32px | 16px | ~40px | n/a | 10px |
shell max-width min(1260px, 100% − 64px) · margin-inline auto
sections padding-block clamp(64px, 8.4vw, 118px) → clamp(72px, 9.4vw, 132px)
gaps block gaps 14–24px · section-internal clamp(44→72px)
motion --stx-dur-fast 120ms / normal 180ms / slow 280ms
ease-standard cubic-bezier(.2,.7,.3,1) · hover lifts translateY(-2px)
everything honors prefers-reduced-motion
a11y skip-link first · focus-visible 2px --stx-focus · targets ≥ 24px (44 preferred)Copy the pattern, not the paint.
The load-bearing rules behind the site's recurring moves — trimmed to the lines that matter. Every snippet references tokens so it keeps working when the theme or token values shift.
stx-* Signal DS v2.3.0 primitives + tokens — vendor file, never edit stx-aur-* Aurora composition layer — sky ramp, horizons, plates, heroes stx-sg-* this page only — guide scaffolding, never ships to product surfaces
Horizon rule
SIGHT LINE<HorizonRule lux={0.4} label={<>HZN·03 — SUN ELEVATION <b>+2.2°</b> · RECORDS</>} />
/* the rule it renders — lead tick + tracked mono label + fading hairline */
.stx-aur-rule-inner::before { width: clamp(30px, 4vw, 64px); height: 1px; background: var(--stx-aur-line); }
.stx-aur-rule-tick { width: 2px; height: 11px; background: var(--stx-aur-accent);
opacity: calc(.35 + var(--lux, 0) * .65); }
.stx-aur-rule-label { font: 600 11.5px/1 var(--font-mono); letter-spacing: .17em;
color: var(--stx-aur-faint); }
.stx-aur-rule-inner::after { flex: 1; height: 1px;
background: linear-gradient(90deg, var(--stx-aur-line) 0%,
var(--stx-aur-line) 55%, transparent 100%); }Kicker + live-dot
INSTRUMENT LABEL<span class="stx-aur-kicker">01 — COLORS</span>
<span class="stx-aur-kicker"><span class="stx-live-dot" /> STELIXX — VENTURE STUDIO</span>
.stx-aur-kicker { font: 600 12px/1.4 var(--font-mono); letter-spacing: .2em;
text-transform: uppercase; color: var(--stx-action-brand-text); }
.stx-aur-hero-kicker { font: 600 12px/1 var(--font-mono); letter-spacing: .22em; } /* heroes */
.stx-live-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block;
background: var(--stx-action-brand); }The plate
NIGHT-MIXED.stx-aur-canon, .stx-aur-evidence {
border: 1px solid var(--stx-aur-line);
border-radius: 8px;
background: color-mix(in srgb, var(--stx-aur-night) 46%, transparent);
}
/* night-mixed plate: lifts content off canvas without leaving the sky register */First-light glow
ONE PER PAGE/* the first-light bloom — one per page, anchored on the horizon */
.stx-aur-firstlight {
position: absolute; left: 66%; bottom: 100%; width: 0; height: 0;
}
.stx-aur-fl-bloom { /* layered radial haze rising off the horizon line */
width: 560px; height: 300px; transform: translateX(-50%);
background: radial-gradient(50% 68% at 50% 100%,
rgba(160,255,205,.42) 0%, rgba(0,230,100,.18) 34%,
rgba(27,184,164,.08) 58%, transparent 78%);
filter: blur(6px);
}Status badge
NEUTRAL CHROME<span class="stx-badge"><span class="stx-live-dot" /> Live Product</span>
/* neutral chrome — the word carries the claim, not the color */
.stx-badge { display: inline-flex; align-items: center; gap: var(--stx-space-2);
min-height: 24px; padding-inline: var(--stx-space-3);
border-radius: var(--stx-radius-full); border: 1px solid var(--stx-border-default);
font: 600 var(--stx-size-meta)/1 var(--stx-font-mono);
letter-spacing: var(--stx-track-wide); text-transform: uppercase;
color: var(--stx-text-secondary); }Primary action
PILL · 44PX<a class="stx-button stx-button-primary">Start a conversation</a>
<a class="stx-button stx-button-secondary">Open the evidence</a>
.stx-button-primary { border-radius: var(--stx-radius-full);
min-height: var(--stx-control-height); padding-inline: var(--stx-space-6);
background: var(--stx-action-primary); color: var(--stx-action-primary-text); }
/* aurora hover: translateY(-2px) + dawn border + bloom shadow;
:active presses — translateY(0) scale(.98) */Five grounds, licensed uses.
Every surface on the site is one of five archetypes. Choosing the ground is a design decision with rules — the daybreak field appears once per page, and the sky island belongs to heroes only.
The one green field.
A full dawn field reserved for the closing call to action. Ink inverts to plate navy; the primary button becomes the plate. If a second green field appears, one of them is wrong.
Live product.
Venture grounds are fixed hex and project-owned. They appear inside venture cards and product contexts — never as a page canvas.
Autonomous sales agent.
Same contract, different ground. Venture accents never mix on one surface and never bleed into the studio palette.
Container anatomy
FIXED ORDEREvery container on the site is the same instrument — a chrome head that declares the ground, then a body in fixed order. The demos above already follow it; nothing may reorder, restyle, or skip a slot.
box-head mono caps · ground name + hex — declares the surface, never the content box-body kicker → title → lede → actions — fixed order, every container kicker mono caps, tracked · optional live-dot when the surface is live title serif · may carry one italic em accent — never two lede sans · ≤ 56ch · states what the surface is for actions primary + secondary pills · never more than two, never zero context
Charts read like instruments.
Data renders in the instrument register: mono labels, tabular numerals, hairline grids, dawn reserved for the leading edge. Telemetry chrome — HZN·NN, EL, OBS LOG — is framing, never data.
A live instrument
FIELDCHART.TSXThe chart palette
8 TOKENSA qualitative eight-series ramp — distinct hues for distinct series, never a decoration. Status inside a chart still comes from the status tokens; a green series means “series one is green,” never “healthy.”
Series 1
Series 2
Series 3
Series 4
Series 5
Series 6
Series 7
Series 8
Meters
LUX · 0→1Instrument patterns
3 ARCHETYPEScolor --stx-chart-1..8 series palette · status tokens for status — never mix labels IBM Plex Mono 9–12px, caps, tracked · values use tabular-nums grid 1px --stx-aur-line hairlines · no heavy axes, no boxed legends empty an instrument with no reading shows the empty state honestly open slots dashed outlines — projected states must look projected chrome HZN·NN / EL ±x.x° / OBS LOG frame the reading; they never become it
What Stelixx is for.
The strategy in one pass: what the studio is, what it refuses to claim, and the method every venture moves through. Everything public hangs off these lines.
What becomes possible when machine intelligence
is the starting material?
Stelixx is a venture studio that turns emerging technologies into enduring products and companies through thesis-driven building and real-world testing.
Stelixx turns emerging possibilities into products, ventures and systems that can endure. The frontier is Agentic AI & Autonomous Systems — pursued through thesis-driven building and real-world testing.
The future is not something we wait for. It is something we choose to take part in building.
At Stelixx, we choose to become builders of the future. The boundary: Automate execution, not responsibility.
What compounds
SHARED GRAVITY · INDEPENDENT ORBITSShared gravity. Independent orbits. Compounding intelligence. The studio is not a portfolio of unrelated bets — five layers compound across every venture.
Each venture is a live, rigorous test of a thesis, not an isolated feature set.
Structured learning turns repeated product iterations into reusable operating context.
Shared foundations lower the cost and friction of deploying the next serious experiment.
Enduring products create verified paths to users, strategic partners, and markets.
Evidence and architectural decisions become institutional memory that improves studio judgement.
The method
5 STAGESSignal
Recognize the shiftRecognizing an emerging technical, behavioral, or architectural shift before it becomes obvious.
Thesis
Form the convictionFormulating a grounded belief about what has changed, what possibility has opened, and what valuable system is still missing.
Build
Make it realTurning premises into prototypes and real workflows. Code, interfaces, and agentic infrastructure meet reality.
Evidence
Verify in practiceTesting against real usage, real workflows, and endurance. Moving beyond presentation into verified operational proof.
Orbit
Sustain independenceVentures find their own sustainable orbit—as independent companies, studio products, or compounding shared capabilities.
The evidence ladder
6 RUNGS — LANGUAGE TRACKS EVIDENCEEvery claim on the site sits on a rung. Status words are literal — a thing is a Live Product only when it is deployed and used, and nothing moves up the ladder on ambition alone.
| Tier | What we are permitted to say | Canonical definition |
|---|---|---|
| Possibility | We are exploring… | An early hypothesis or technological opening under disciplined observation. |
| Experiment | We are testing… | A prototype or targeted test evaluating a specific core assumption. |
| Operational System | Running in a real workflow… | A system actively running daily within an operational context (e.g. Outflow for Geolify). |
| Live Product | Deployed and used… | A product deployed in the market with active real-world users (e.g. Geolify). |
| Commercial Validation | Commercial value exchanged… | Demonstrated product-market exchange and verifiable economic validation. |
| Enduring Venture | Demonstrated endurance… | A venture exhibiting sustained autonomous growth, resilience, and operational independence. |
Builder principles
5 PRINCIPLESTurn convictions into systems that can encounter reality. Do not use presentations or hidden manual interventions to disguise product gaps.In practice — In every milestone, state clearly what is operating autonomously, what is human-assisted, and what remains to be built.
Have the conviction to begin into the unknown, but the honesty to adapt when real evidence arrives. Never narrate above the evidence line.In practice — When new evidence appears, update the thesis and confidence levels—even when evidence weakens the initial assumption.
Being a builder of the future is not a self-proclaimed title. It is a responsibility for the end outcome, the human impact, and the consequences.In practice — Take full ownership of the problem, articulate the intended outcome, and resolve ambiguity proactively.
Every build must leave the studio stronger. Share insights, capture operational reasoning, and build reusable primitives so the next venture starts further ahead.In practice — Every project leaves at least one reusable artifact: a decision record, an infrastructure primitive, or a clear lesson on what not to repeat.
Language tracks the evidence.
Stelixx writes like an institution that keeps records: grounded futurism, direct sentences, statuses used literally. The guide you are reading follows every rule below — including the budgets.
Descriptors
3 LENGTHSStelixx is a venture studio that turns emerging technologies into enduring products and companies through thesis-driven building and real-world testing.
Stelixx turns emerging possibilities into products, ventures and systems that can endure.
See the first light. Build what endures.
The budgets
HARD LIMITSDo / don't
THE SPLITWrite it like this
- “Geolify is a live product — deployed and used.”Status word matches the rung it earned.
- “Outflow’s outbound agent is available for deployment; inbound is in development.”Present tense, bounded claim, names the split.
- “The instrument shows an empty state until there is a reading.”Absence reported as absence.
- “Shared gravity. Independent orbits.”Poetry is allowed — in controlled doses, where it earns its place.
Never like this
- “Our industry-leading platform revolutionizes…”Hype, superlatives, and borrowed adjectives are out.
- “10x faster. Loved by thousands.”No invented metrics, no unverified adoption claims — ever.
- “We leverage robust AI to synergize…”Leverage, robust, seamless, comprehensive — slop vocabulary.
- “Soon to be a live product.”Never upgrade a status on ambition. “Future direction” is a real status — use it.
Tone by channel
SAME VOICE, SHIFTED REGISTER| Channel | Register | Sounds like |
|---|---|---|
| Hero / title | serif display · poetry in controlled doses | “See the first light. Build what endures.” |
| Lede / body | Inter · direct sentences · ≤ 56ch | “Stelixx is a venture studio that turns emerging technologies into enduring products and companies through thesis-driven building and real-world testing.” |
| Status / evidence | closed vocabulary · literal, never upgraded | “Live Product” · “Private / limited availability” |
| Instrument chrome | Plex Mono caps · readings, not slogans | “HZN·11 — SUN ELEVATION +17.0°” |
| CTA | verb + object · an invitation, not a command | “Start a conversation” · “Explore our works” |
Status vocabulary
CLOSED SETTwo vocabularies coexist deliberately: public statuses (the five above + open slots) and the evidence ladder (Possibility → Enduring Venture). Map between them; never invent a third set.
claim law every claim carries a status · no status, no publish evidence language stays at or below the rung the work has reached registers serif for belief · sans for work · mono for readings budgets em-dash <1/80w · negation-correction ≤2 · "honest" ×1 never hype · invented metrics · "in formation" · upgraded statuses boundary automate execution, not responsibility — write it that way machine AI-generated copy must not read like it — no tells, no slop
One sky.
Every surface.
If a page, deck, or instrument shipped under this name follows the tokens, the budgets, and the evidence ladder — it is Stelixx. If it needs an exception, the exception is the bug.
STELIXX — BRAND SYSTEM · MACHINE READOUT
style-guide.md
The same contract, flattened for agents. Diff-safe, copyable, and honest about what is token versus rule. Nothing here outranks the claims policy.
name: stelixx-brand
description: Apply the Stelixx brand system to any output — HTML/CSS components,
copy, data visualizations, decks, or documents. Use whenever the task requires
on-brand visual design, writing in Stelixx voice, or producing content that
represents Stelixx.
keywords: stelixx brand, style guide, stx-*, stx-aur-*, observatory register,
first light, venture studio, data viz, components, copy
# STELIXX BRAND SYSTEM — machine-readable field guide
# stelixx.com/style-guide · DS v2.3.0 Signal + stx-aur-* composition layer
# namespaces: stx-* primitives · stx-aur-* composition · stx-sg-* guide-scoped
# English only · dark-first, signal-light parity required
BRAND
Stelixx — venture studio. "See the first light. Build what endures."
First frontier: agentic AI & autonomous systems.
Register: observatory. Pages are observation records; sections are sight
lines (HZN·NN horizon rules); content units are instruments and records.
COLOR (signal-dark / signal-light)
sky ramp #010d14 #011a27 #022e42 #065666 #0a6e57 light: fbfcf9..cde3c2
night/earth #010a10 / #010f16 light: e8ebe4 / e3e7dc
dawn #00e664 (as text in light: #067044)
dawn-soft #7df2b0 teal #1bb8a4 em #8ef0c0
ink #f6faf9 / #cbd5e1 / #a3b1c2 light: 171716 / 5f5e5a / 797873
surfaces deep 010d14 · canvas 011a27 · default 022737 (brand plate)
raised 033347 · overlay 054057
borders rgba(150,205,195, .09 / .16 / .30)
status ok 4ade80 · warn fbbf24 · danger fca5a5 · info 93c5fd
venture geolify 062b32·041f27 outflow 13202a·e9e5dc (fixed hex,
--stx-product-*) · stelixx deep green 006446 = licensed mark ground
RULES dawn = evidence + action, never decoration · one glow budget
· one green field per page (the CTA) · plates sit on #022737
TYPE
display 'Source Serif 4' var, 'Source Serif Pro' fallback — titles,
em accents (italic), pull quotes
/fonts/source-serif-4-var[-italic]-latin.woff2
ui Inter var /fonts/inter-var-latin.woff2 — body, buttons, labels, nav
(--stx-font-sans; --stx-font-body falls back to it on this site)
mono IBM Plex Mono 400/500/600 /fonts/ibm-plex-mono-*-latin.woff2 —
kickers, telemetry, statuses, ids; caps +.08–.22em
families vendor v2.3 per-family stacks — venture themes swap UI/display
and set --stx-font-body to Inter; mono is shared:
atlas → Plus Jakarta Sans · forge → IBM Plex Sans
scale 12 14 16 18 20 24 30 36 · display 48/60/72
page title clamp(3.4rem,8.6vw,7.9rem) · −.024em · lh .98 · w500
hero title clamp(2.75rem,6.1vw,5.4rem) · −.024em
article clamp(1.95rem,4.2vw,3.8rem) · −.02em · lh 1.04
section clamp(2.35rem,4.6vw,4.4rem) · −.045em · lh 1.0
body 16–18px lh 1.6–1.7 · measure 72ch
rules headings serif via main h1–h3 · mono labels run 9–12px tracked caps
· mono = chrome, never prose
SPACING / LAYOUT
space 2 4 8 12 16 20 24 32 40 48 64 96 (--stx-space-1..12)
radius 4 6 8 10 14 20 · full (buttons/badges always full)
editorial row 48 · control 44 · gutter 24 · section ~96 · measure 72ch
cockpit row 34 · control 32 · gutter 16 · section ~40
shell min(1260px, 100% − 64px) · section pad clamp(64→118 / 72→132)
MOTION
durations --stx-dur-fast 120 · normal 180 · slow 280ms
eases standard cubic-bezier(.2,.7,.3,1) · entrance cubic-bezier(.16,1,.3,1)
· exit cubic-bezier(.4,0,1,1)
patterns stx-aur-rise (translateY + opacity) · stx-aur-fade · live-dot pulse
rules entrances only · title rows stagger ~.14s · no looping motion
except live-dot · prefers-reduced-motion = full parity, no drift
COMPONENTS
button pill · control-height (44 ed / 32 cp) · primary = action-primary;
hover lifts -2px + dawn bloom · press = scale(.98)
badge neutral chrome + live-dot; dot is green for EVERY status —
the word carries the claim, not the color
field label visible · control-height · radius-md · hairline border
table mono caps header · 48px rows · hover = state-hover
tabular-nums only on .stx-table__num cells
plates canon / evidence / highlight / ladder on stx-aur-night mix
anatomy container contract: box-head → kicker → title → lede → actions —
fixed order, no skipped steps
LOGO
mark four-point star, asymmetric, #00E664 on #022737 — canonical avatar
tile (stelixx-icon-canonical / stelixx-mark.svg)
ground native field #022737 · deep green #006446 · night / venture grounds
light on pale fields the mark and lockup go navy — icon-dark.svg /
logo-full-dark.svg · PNG forms: icon-white.png / lockup-light.png
trap filenames name the surface, not the ink — *-white/-light are navy art
never recolor, outline, shadow, busy grounds, unlicensed lockups
DATA VIZ
tokens --stx-chart-1..8 qualitative series palette · status tokens carry
status · mono 9–12px labels · tabular-nums · hairline stx-aur-line
grid · open slots dashed
archetypes reading (line) · index (bars) · open-slot (dashed frame)
chrome HZN·NN / EL ±x.x° / OBS LOG are instrument chrome, never data
ACCESS
focus 2px solid --stx-focus + 2px offset — per-theme, ≥3:1 on every surface
skip skip-link to main content · decorative chrome is aria-hidden
VOICE
grounded futurism · institutional · language tracks evidence
statuses literal: Live Product / Operational Experiment / Research thesis /
Private / limited availability / Future direction (+ Open Co-Venture Slot)
budgets em-dash <1/80 words · negation-correction ≤2/article · "honest" ×1
never invented metrics · upgraded statuses · hype · "in formation"
boundary automate execution, not responsibility
APPLY
html/css tokens + stx-aur-* composition · dark-first, light parity required
copy voice budgets + literal statuses · CLAIMS_POLICY outranks this file
data viz chart palette + mono chrome · open slots dashed
decks/doc plate #022737 or paper grounds · serif display · mono labels ·
dawn marks evidence + actions only
FILES
tokens src/styles/vendor/stelixx-v2.3.0.css (generated — never edit)
compose src/styles/site-core.css + src/styles/aurora.css
guide src/app/style-guide/page.tsx + src/styles/style-guide.css
claims docs/00-strategy/CLAIMS_POLICY.md