Faster prototyping
Metric cards lead with one number, then a short serif explanation.
Warm neutrals, hairline borders, one restrained accent, and motion that explains rather than decorates.
Surfaces are separated by 1px borders on a slightly warm raised fill. Shadows appear only on things that float.
Metric cards lead with one number, then a short serif explanation.
The teal accent shows up as a glow on dark, never as a flat fill.
Error text is short and specific.
Long-form reading switches to the serif at 17px with generous leading, capped at a 700px column. Secondary color keeps it calm against the display type.
Paragraphs are separated by 18px, not indents.