Spacing & Radius
Spatial tokens and corner radius scale used across all components.
Spacing Scale
10 steps · 4px → 100px · Used for padding, gap, margin, and sizing.
spacing/2xs
4px
spacing/xs
8px
spacing/sm
12px
spacing/md
16px
spacing/lg
24px
spacing/xl
32px
spacing/2xl
40px
spacing/3xl
60px
spacing/4xl
80px
spacing/5xl
100px
Corner Radius Scale
4 steps · 0 → 9999px · Applied to cards, buttons, inputs, and pill tags.
radius/none
0px
radius/sm
4px
radius/md
8px
radius/full
9999px