The components
Icons — the UI family
16PX BOX. 1.5PX STROKE. THE HAIRLINE WEIGHT, DRAWN.
StatusChip — the nine lamps
EXECUTING GLOWS. HELD SIGNALS RED. SUPERSEDED WEARS THE SLASH.
RouteDiagram — the lifecycle as one route
FUTURE TO THE RIGHT. ONLY NOW GLOWS. EXITS LEAVE THE LINE DOWNWARD.
PRIMARY · THE VIEW'S ONE LIT ACTION. HOVER — ONE STOP BRIGHTER, WITH GLOW. PRESS — DEEP AMBER, GLOW OFF. FOCUS — THE LAMP RING. NOTHING MOVES.
SECONDARY · THE QUIET FRAME. HOVER — BORDER LIFTS ONE STOP. NO FILL, NO GLOW, IN ANY STATE.
SMALL · DENSE SETTINGS. SAME LIGHT STATES AS FULL SIZE.
Every plan lives in one of nine stages —follow one down the line to see how the words change.
INLINE · MUTED AT REST, HAIRLINE UNDERLINE. HOVER — LAMP. AMBER IS EMITTED LIGHT; IT NEVER IDLES.
MONO · NAV APPARATUS, TRACKED CAPS, NO UNDERLINE. MUTED AT REST; HOVER — LAMP.
LABEL · MONO CAPS APPARATUS. STATIC — NO HOVER STATE.
LAMP LABEL · AMBER MARKS THE LIT THING. STATIC — NO HOVER.
Nine words, one route
EYEBROW · THE SECTION OPENER. BLOCK LABEL WITH A FIXED SEAT BELOW; THE HEADING SITS ON IT. TAKES AN OPTIONAL ANCHOR ID.
FIELD · REST
Focus lights the lamp — amber border, quiet glow.
INSTALLBOX · DEFAULT
paste the link to your agentNo installer — the page is the install.
CALLOUT · DEFAULT
CALLOUT · LAMP
LINKCARD · CAR GLYPH
Hover lights the border. The glyph is CSS alone — body, cupola, lamp dot.
LINKCARD · NO GLYPH
PaperCard — the record material
The bar every piece answers to
A competent new hire, two months from now, reads one document and understands everything that has been done, everything in flight, and everything that is coming — without asking anyone.
PAPER ON THE NIGHT. AMBER UNDERGLOW, NEVER A DROP SHADOW. BESLEY HEADS, SOURCE SERIF BODY.
PaperCard — with plateline
Four honest limits, stated up front because candor is cheaper than disappointment: nothing enforces the rules except your discipline and the gates you install.
THE PLATELINE CLOSES THE SHEET: FOLIO LEFT, PLATE RIGHT IN STAMP RED.
Stamp — draft
The plan is drafted and awaiting ratification.
DRAFTAWAITING RATIFICATIONSTAMPS LIVE ON PAPER ONLY, NEVER ON THE NIGHT. GREY WHILE THE RULING IS PENDING.
Stamp — ratified
Decided once, remembered forever.
RATIFIEDRULING GIVEN · 2026-08-06OXIDE WHEN THE RULING IS GIVEN. TILTED THE PROVEN THREE DEGREES.
Board — the departure table
| PLAN | SERVICE | STATUS |
|---|---|---|
| PLAN-001 | The survey | COMPLETE |
| PLAN-002 | The spec | EXECUTING |
| PLAN-003 | The worked example | DRAFTED |
| PLAN-004 | The importer | SUPERSEDED |
SPLIT-FLAP CAPS. ONE ROW LIT — THE CURRENT POSITION. DIM ROWS RETIRED.
GOAT MARK · PLAIN AT 18 AND 30 · PLATED
TOPBAR · MONO NAV AND ONE QUIET ACTION
FOOTER PLATE · PROVENANCE AND TAILLAMP
STATEMENT · TWO-TONE OPENER
Nine words carry the route. Every plan wears exactly one, and the board reads at a glance.
FEATURE ROW · CLAIM BESIDE PROOF
The board reads at a glance
One row per plan, one word per row. The current stage carries the lamp; the rest hold their places on the rule.
FEATURE ROW · REVERSE
The proof changes sides
The reverse row leads with the visual. The claim keeps its measure and the rule stays level.
SubNav — the scoped band
STICKY IN USE. ONE LIT ACTION AT THE RIGHT.
Bento — the proof grid
A short claim
Another short claim
A wide claim carrying more proof
Accordion — depth behind doors
StatRow — hairline figures
HONESTY LAW: THIS COMPONENT SHIPS ONLY WITH REAL FIGURES.