Design language
Spacing & radius
4–32 spacing scale, pill/card/input radii, touch targets
Spacing & radius
Spacing scale
Use multiples of 4 / 8 / 16 / 24 / 32. Prefer these over one-off pixel values.
4px--space-1
8px--space-2
16px--space-3
24px--space-4
32px--space-5
Radius
| Token | Value | Use |
|---|---|---|
| pill | 9999 | Buttons, chips |
| card | 12 | Panels, docs cards |
| input | 16 | Form fields |
pill
9999px
card
12px
input
16px
Touch targets
Minimum 44–48px height for interactive controls.
min touch · 44px
comfortable · 48px