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+)