system / spacing

Spacing

All dimensions ride a power-of-two scale: 2, 4, 8, 16, 32, 64. Spacing, stroke, and offsets are multiples of these steps. A value between steps is derived (a half, a sum, a ratio) — never invented.

Scale — step · tailwind class · rem
2p-0.50.125rem
4p-10.25rem
8p-20.5rem
16p-41rem
32p-82rem
64p-164rem

The bar is the true size of each step. Tailwind's unit is 0.25rem, so step 16 is gap-4 / p-4 = 1rem.

Radius — surfaces only

The radius scale is reserved for surfaces (cards, popovers). Interactive elements — buttons, inputs — are sharp (rounded-none); depth is border and contrast, not shadow.

rounded-none0
rounded-sm0.375rem
rounded-md0.5rem
rounded-lg0.625rem
rounded-xl0.875rem
rounded-2xl1.125rem
rounded-3xl1.375rem
rounded-4xl1.625rem