Skip to content

Foundations

Spacing & layout

The 8-point spacing scale, rendered

Every gap, padding, and margin in the system snaps to a multiple of 8. Bars below show each step at its real pixel width.

4 (0.5x)
8 (1x)
12 (1.5x)
16 (2x)
24 (3x)
32 (4x)
48 (6x)
64 (8x)
96 (12x · section)
120 (15x · section md+)
Spacing & layout · Grid