Spacing

Spacing uses Tailwind's default 4px base scale. Consistent use of these steps keeps rhythm and density uniform across the entire product.

Spacing Scale

Each step equals n × 4px. Common values used in this system:

1

4px

2

8px

3

12px

4

16px

6

24px

8

32px

10

40px

12

48px

16

64px

20

80px

24

96px

Quick reference

space-14pxmicro gap, icon padding
space-28pxtight inline gap
space-312pxcompact vertical gap
space-416pxstandard gap
space-624pxsection gap
space-832pxcard padding
space-1040pxsection break
space-1248pxlarge section break
space-1664pxpage section spacing