Design Nomenclature / Systems & Spec

Modular scale

Also called type scale, ratio scale, typographic scale

This entry has not been translated yet and is shown in English.

A set of sizes generated by multiplying a base repeatedly by a fixed ratio — 16 at 1.25 gives 20, 25, 31.25 — so every step relates to every other by the same interval. The ratio is a constraint, not evidence of quality; the useful part is ending up with fewer sizes.

Six type sizes climbing from a 16-pixel base at a ratio of 1.25 — 16, 20, 25, 31.25, 39.06, 48.83 — each drawn as a bar whose length is proportional to its size, with the ratio marked between adjacent steps.

In practice

Sold as harmony borrowed from music. What it actually buys is a defensible reason to say no to a twelfth heading size.

Not to be confused with

How this term connects

Design systemDesign tokenFluid scaleGolden ratioGradationProportionScaleSemantic tokenSpacing scaleModular scale
Related Confused with