The system behind the readout.
The full written reference is in the repository at docs/design-system.md. Every specimen below is the live component, so this page cannot drift from what ships.
Three colours that carry meaning and are never used decoratively. The reference desaturates with the session state — reload this page on a weekend and the amber will have changed.
Outline only — a filled pill would compete with the CTA, the one solid accent block allowed on a screen. DARK outranks every numeric band.
Reading — the only element allowed above H1 size
There are no filled cards. A surface is its border and at most a 1.5% white wash over pure black. Square corners everywhere.
Two curves. Expo-out for entrances, expo-in-out for interaction. Nothing loops, nothing bounces. Below the fold only the section header animates, and only once.