Spacing & shape
One rhythm everywhere: a 4px base unit with 8px steps doing most of the work — 4, 8, 16, 24, 32, 48, 64. Radii and shadows are picked from a fixed menu too.
Spacing scale
space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-6
24px
space-8
32px
space-12
48px
space-16
64px
Border radius
rounded-md
small controls
rounded-lg
buttons, inputs, nav items
rounded-xl
cards, panels
rounded-full
pills, avatars, dots
Elevation
shadow-sm
cards at rest
shadow-md
hover states
shadow-xl
dropdowns, modals