TypeScale

TypeScale is a mathematical progression of font sizes used to create visual harmony across typography in a design system. Instead of arbitrary sizing, a type scale follows a ratio (such as 1.25 or 1.618) to ensure consistency between elements like headings, subheadings, and body text. It helps establish clear hierarchy and rhythm, especially in responsive and modular layouts.

related terms

Design concepts rarely exist in isolation. These related terms help connect the dots and round out your understanding.