Type Scale
Type scales bring mathematical consistency to sizing decisions. Common ratios include Minor Third (1.200) for dense interfaces, Major Third (1.250) for editorial, Perfect Fourth (1.333) for landing pages, and Golden Ratio (1.618) for print and display. Starting from a 16px base, each step up multiplies by the ratio. The result is a set of sizes that feel naturally proportional rather than arbitrarily chosen. A scale removes opinion from sizing and replaces it with structure.
Read the full guide
Related terms
Keep exploring
Typography Scale
A system of proportional text sizes that creates consistent visual order across headings, body text, captions, and labels. Usually based on a mathematical ratio.
Typography Hierarchy
The system of font sizes, weights, and styles that guides the reader's eye through content in order of importance.