A page can contain many attractive text sizes without helping someone find the important information. A useful type scale gives each level a recognizable role, from the main title to supporting detail.

Begin with comfortable body text and a small set of distinct headings. Weight, spacing, and placement can provide emphasis alongside size. Avoid turning every new component into a new typographic level.

Read a realistic page rather than a specimen containing only short phrases. Long titles, numbers, and explanatory paragraphs reveal whether the scale supports the actual content. The aim is a readable hierarchy that survives ordinary variation.

A few starting points
  1. Give each text level a role.
  2. Begin with readable body text.
  3. Try the scale with realistic content.

Imagine a practical setting.

Imagine a settings page where secondary help text dominates the label. Revisiting the type scale can restore a clearer order of reading.

Before the next experiment.

Try explaining the interaction aloud without pointing at the screen. The missing information may reveal where labels or sequence need a clearer relationship.

Follow a related question

Identify the smallest displayed step.

Resolution is not the whole measurement

Record the reason for the shortcut.

A shortcut with a later cost

Keep learning

Related background to continue exploring this subject.

W3C: understanding accessibility criteria MDN: responsive images
Explore a possibility