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.
- Give each text level a role.
- Begin with readable body text.
- 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 measurementRecord the reason for the shortcut.
A shortcut with a later costKeep learning
Related background to continue exploring this subject.
W3C: understanding accessibility criteria MDN: responsive images


