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.
Imagine a practical setting.
Consider an article with a title, section headings, and captions. Their sizes should explain their roles rather than compete equally for attention.
Before the next experiment.
Follow a person through the awkward middle of a task. Their progress, choices, and recovery matter as much as the finished state.
- Give each text level a role.
- Begin with readable body text.
- Try the scale with realistic content.
Follow a related question
Identify what is shared and what is personal.
Shared devices, shared expectationsWrite the question beside the idea.
Capture the question firstKeep learning
Related background to continue exploring this subject.
W3C: understanding accessibility criteria MDN: responsive images