Furniture and grounds
One silver ramp is the material the interface is made of: chrome, type, and every ground, the white page, the mid block (300), the deep section (900). Cool at hue 237, held constant; chroma does the work, lowest in the light steps and at full value through the metal zone (300-500).
neutral
Signal
Main is the flare: rare, small, always a fill with ink on top, never text and never a link. It reads as a temperature break, the one warm thing on cool metal. Secondary is that same hue desaturated, the identity’s second family for everywhere the accent would be too loud; held in ref with no sys role yet.
main
secondary
Message states
The only place a hue carries meaning. Three steps each, never decorative.
green · success
blue · info
yellow · warning
red · error
Every fill ships with the foreground it is allowed to carry, and the ratio is measured here at build time rather than claimed. Read it as the usage policy: a pairing markedAA large only clears 3:1, so that fill may hold display type and graphical marks but never body copy. Worst pairing first.
What components consume. A component reads these, never a `ref.*` primitive and never a hex, so re-theming is a swap of this layer alone.
Ground and surface
The page itself.
Ink on the ground, 16.59:1.
The mid block: a large flat area, a media placeholder, a filled band, a full-width panel.
Ink on the mid ground, 10.76:1.
Full-bleed dark section ground, the dark counterpart of the light page.
Paper 50 on the deep ground, 15.70:1.
What sits ON the ground: cards, panels, the content column.
Action
Signal
Faintest accent tint.
Line
Inverse
Status colors, the one place hue carries meaning. Container background + accessible text, and always paired with an icon or a label so meaning never rests on colour alone.