Everything a screen is drawn with. Both themes come from one token set: light is the default, dark redefines the semantic layer only, and every component on this site reads tokens, never raw values. Flip the theme with the toggle above and watch every spec hold.
The gray ramp carries surfaces and text. Brand is blue, ruled 25 Aug 2026, replacing Untitled’s violet; swapping it back is one token family. Status colors are reserved for meaning and never used decoratively.
Two faces, two jobs, no overlap. Inter carries language: headings, labels, sentences, buttons. IBM Plex Mono carries every figure: money, dates, times, references, counts in columns. A number is data, not language, and it is never set in a text face. The full reasoning lives in the Handbook.
Rounded strokes on a 24px grid: 2px weight, round caps and joins, no fills, exactly the Untitled UI icon spec. Drawn as inline SVG so they take the current text color and hold in both themes. The working sizes are 16, 18 and 20px. The full set lives on the Icons page.
Five shadows and one focus ring. Shadows lift with distance and darken with the theme; the ring is the brand at 24% and appears only on focus, never on hover.
A 4px base scale. Components use 8 to 16 inside, cards use 20 to 24, sections breathe at 32 to 64. Nothing sits off the scale.
Small controls at 6 to 8, cards at 12, pills and avatars full. Radius never exceeds 16 on a rectangle.
Content lives on a 12-column grid with 20px gutters inside a shell of sidebar plus fluid content. Full-width pages pad 32px at the edges; centered pages cap at 1160px. There is no phone view; the floor is 1240px.