Darker cells mean a higher score for this topic on that metric.
LessMore
Last reviewed Sources & creditsMedia creditsMethodology
Quick answers
When should I pick Typography scale?
When the story is: decks, handouts, classroom posters, resume headers.
When should I avoid Typography scale?
Skip it in cases like: random point sizes per slide with no shared ratio.
Who invented or popularised it?
Classical modular scales; modern UI ramps in open font ecosystems
What does it encode?
relative font sizes on a ratio (major third, perfect fourth, etc.)
Is it OK in ads?
Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it?
Yes for lab reports and poster boards if axes, units and a source line are present.
Typography scale encodes values as relative font sizes on a ratio (major third, perfect fourth, etc.). Classical modular scales; modern UI ramps in open font ecosystems.
In reports, ads and assignments it fits decks, handouts, classroom posters, resume headers. Skip it when random point sizes per slide with no shared ratio.
Parts
- Mark — The core mark of Typography scale is relative font sizes on a ratio (major third, perfect fourth, etc.).
- Scale — The scale must show zero (or a declared break) and units.
- Axis — Axis titles name the variable, not a mood.
- Legend — A legend is weaker than a direct label. Write beside the mark when you can.
- Label — Numbers are optional. If comparison is the job, label the ends only.
- Grid — Keep the grid faint. Data should own the ink.
- Annotation — One annotation sentence. Date the source.
- Frame — A thin frame. Never a 3-D box.
Variants
- Modular scale — Variant 1 of Typography scale (Modular scale). Same encoding, different layout.
- Type ramp — Variant 2 of Typography scale (Type ramp). Same encoding, different layout.
- Slide type system — Variant 3 of Typography scale (Slide type system). Same encoding, different layout.
- Typography scale 4 — Variant 4 of Typography scale (Typography scale 4). Same encoding, different layout.
Labels
- Axis — On Typography scale, make Mark readable.
- Legend — On Typography scale, make Scale readable.
- Label — On Typography scale, make Axis readable.
- Grid — On Typography scale, make Legend readable.
- Annotation — On Typography scale, make Label readable.
Typography scale: honour relative font sizes on a ratio (major third, perfect fourth, etc.), and switch when random point sizes per slide with no shared ratio.