web design ui

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.

A typography scale brings order to text hierarchy without guesswork. Common ratios include the major third (1.25), perfect fourth (1.333), and golden ratio (1.618). Starting from a base size (typically 16px), each step up multiplies by the ratio. The result is a set of sizes that feel naturally proportional. Without a scale, designers pick arbitrary sizes that create inconsistent visual weight and weaken the overall hierarchy.

Learn more in our full guide: Read the article

Related Terms