Space — 4px base × 1 density
--space-1
4px--space-2
8px--space-3
12px--space-4
16px--space-5
20px--space-6
24px--space-8
32px--space-10
40px--space-12
48px--space-16
64px--space-20
80px--space-24
96px--space-32
128px
Control heights — buttons, inputs and selects share these
--control-h-xs
24px--control-h-sm
30px--control-h-md
36px--control-h-lg
44px--control-h-xl
52px
Radius
2px4px6px10px
Elevation — soft, low alpha, large blur
smmdlg
Section rhythm
.section80px block padding — the default
.section-tight48px
.section-loose96px
.containermax 1280px, 24px inline padding
Whitespace is the primary design element here. Reach for a larger space step before
reaching for a divider — .hr exists but this system prefers air.