Design Nomenclature / Systems & Spec

Spacing scale

Also called space scale, spacing ramp, 4-point grid, 8-point grid

The restricted set of gap values a system permits — usually a base unit stepped geometrically or in multiples of four or eight — applied to padding, margin, and gaps. Rounding to whole pixels matters more here than ratio purity: a 1.25 ratio from 4 produces values nothing renders cleanly.

Six spacing steps doubling from a 4-pixel base — 4, 8, 16, 32, 64, 128 — each drawn as a bar from a common origin, in proportion to its value, with “× 2” marked between adjacent steps and a dashed line tracing the envelope. Doubling makes the last step longer than every earlier step put together, which is the argument for and against a geometric ramp.

In practice

Confused with a baseline grid. A spacing scale constrains which gaps may exist; a baseline grid constrains where text lands. Either works without the other.

Not to be confused with

How this term connects

Baseline gridDesign systemDesign tokenGutterModular scaleSemantic tokenTarget sizeVariableSpacing scale
Related Confused with