Foundations

Spacing & radius

Refined small radii (0.25rem) and a Tailwind-aligned spacing scale. Vertical rhythm: py-16 on mobile, py-24 on desktop for sections.

Spacing scale

Use multiples of 4. Avoid odd values — they break rhythm.

p-1

4px

p-2

8px

p-3

12px

p-4

16px

p-6

24px

p-8

32px

p-12

48px

p-16

64px

p-24

96px

Mix uses small radii to feel refined and editorial. Avoid large pill shapes except for avatars and badges.

rounded-sm

calc(0.25rem - 2px)

rounded-md

0.25rem

rounded-lg

calc(0.25rem + 2px)

rounded-xl

calc(0.25rem + 6px)

rounded-full

9999px