Design Principle
A clear type scale lets headings, labels, body text, and numbers each do their job.
Principle A clear type scale lets headings, labels, body text, and numbers each do their job.
Design action Limit typography to 4-6 roles; reserve large display type for true heroes and use compact headings in cards, sidebars, and toolbars.
Examples Positive example: Dashboards, forms, detail pages, and admin pages. Counterexample: All headings are too large.
Apply when Dashboards, forms, detail pages, and admin pages. Several heading levels appear on one screen.
Source notes Source note: Synthesized from W3C WCAG 2.2, Apple Accessibility, IBM Carbon Accessibility, and accessibility practices in major design systems.
Agent Directive
Limit typography to 4-6 roles; reserve large display type for true heroes and use compact headings in cards, sidebars, and toolbars.