Every component, in every state. Nothing ships until it appears here.
Every swatch below is derived from about twelve values in
shared/tokens/brand.css. Hover, tinted and border variants are
calculated by mixing — nobody picks them by hand. Change a seed there and
every one of these moves.
33 · Hero figure
25 · Key figure
21 · Page title
17 · Section heading
15 · Emphasis body
14 · Body default — forms, buttons, menus
13 · Grid cell default
12 · Column headers and chips
Zero renders as 0.00, never blank. Blank means
“unknown”, and in finance that is a different fact.
The primary action is blue, never the brand red. In a trading system red means loss, rejection and danger — spending it on ordinary buttons trains operators to stop reading it (ADR-0006).
That does not look like an email address.
All four emit the same event, so a column can change filter type without the grid changing at all. Open them — every one is fully keyboard operable, including the date range picker (arrows move by day, Page Up and Page Down move by month).
A message that disappears cannot be an error message. Errors stay until dismissed; an Undo you cannot reach in time is not an Undo, so its timer pauses under the pointer.
Every data component implements all of these in the same pass. Note that “nothing exists” and “filtered to nothing” are different states needing opposite actions — one says create something, the other says undo something.