The scale
--space-1 · 4
Hairline gaps
--space-2 · 8
Inside components
--space-3 · 12
Related items
--space-4 · 16
Related items
--space-5 · 24
Card padding
--space-6 · 32
Gaps between cards
--space-7 · 40
Gaps between cards
--space-8 · 48
Small section gaps
--space-9 · 64
Section rhythm
--space-10 · 80
Section rhythm
--space-11 · 96
Section rhythm
Containers
--container-max · 1200px · Standard content width
--container-narrow · 760px · Long-form reading width