--radius-sm / md / lg / pill = 0
Grid, spacing and edges
Hero
Header
Note
Side
Content
8px module. 5px structure. 3px on mobile.
--tdf-line 5px--tdf-line-mobile 3px
Asymmetric but with a clear reading order. Blocks are separated by black rules only; empty white is a legitimate block.
Spacing scale
--space-2 · 8px
--space-4 · 16px
--space-6 · 24px
--space-8 · 32px
--space-12 · 48px
--section-y-desktop · 96px
Edges and elevation
--elev-ring · 1px black
--elev-raised · 3px black
--focus-ring · white gap + black