Too Many Sizes Feels Chaotic
When every section picks a new font size, hierarchy becomes noise.
Most product UIs need 4 to 6 text sizes total. Consistency beats novelty for comprehension.
A Practical Starter Scale
Display: 48-56
Heading: 28-36
Section: 20-24
Body: 16-18
Meta/Caption: 12-14
Map each UI role to one rung and keep it fixed. This makes scanning faster across every page.
Readability Is More Than Size
Line-height and measure can break readability even with a good font size.
Body text needs breathing room between lines. Wide paragraphs need stronger spacing and shorter line lengths.
Exercise
Choose the safer typography policy for a new feature.
Type Scale
A limited set of font sizes used consistently to express hierarchy and readability.
Line Height
Vertical space between lines of text that controls reading comfort and rhythm.