typography

Type Scale

A set of font sizes generated from a consistent mathematical ratio. Instead of picking sizes by feel, you pick a base size and a ratio, and every other size flows from that relationship.

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.

Learn more in our full guide: Read the article

Related Terms