The principles, color, type, layout, shape and motion everything else is built from.
The principles that settle design questions at Werklist, and what each one changes in a design.
Which color token to use for surfaces, text, brand blue and status, with its contrast in the light and the dark theme.
Satoshi, the ramp for reading, the denser ramp for the product, and how to set text and numbers.
How the page grid, the spacing scale and the breakpoints place content, from a dense board to a reading page.
The radius scale, which corner each component takes, and where a line may be drawn.
How surfaces rise above the page with shadow and fill, when glass is allowed, and the order in which layers stack.
Which icons to use, at what size and stroke, and when a word does the job better.
How long things move, on which curve, and what stops when a reader asks for less motion.
The rules a screen meets before it ships: contrast, focus, keyboard, target size, zoom, names and motion.
How Werklist sounds, the rules for each sentence, and the words to use and to leave out.
The three token files, how they switch between light and dark, and how to write a token in code.