Spacing
The 4px-based spacing scale and layout rhythm.
The scale
Tailwind's 4px base. One unit = 0.25rem.
0.52px
14px
1.56px
28px
2.510px
312px
416px
520px
624px
832px
1040px
1248px
1664px
2080px
2496px
Density
Components use a narrow band of the scale. Padding grows with control height; gaps stay tight.
gap-1.5
Inside a control
gap-3
Between related controls
gap-6
Between sections
Logical, always
Use
ps-* / pe-* and ms-* / me-* instead of pl-* / pr-*. Physical directions are the single most common reason a component breaks in RTL.