The largest text on screen. Reserved for short, high-impact text or numerals.
Smaller than Display. Best for short, high-emphasis text on smaller screens.
Medium-emphasis text. Used for app bars, list items, and card headers.
The default for long-form text. Used in paragraphs and supporting copy.
Body Large — The quick brown fox jumps over the lazy dog.
Body Medium — The quick brown fox jumps over the lazy dog.
Body Small — The quick brown fox jumps over the lazy dog.
Body Large Emphasized
Body Medium Emphasized
Body Small Emphasized
The smallest functional text. Used for captions, chips, and button labels.
Label Large
Label Medium
Label Small
Label Large Emphasized
Label Medium Emphasized
Label Small Emphasized
Renders keyboard shortcuts. Use position="relative" for inline placement.
Search…
⌘KAll 15 MD3 typescale roles in one view — largest to smallest.
Body Large
Body Medium
Body Small
Label Large
Label Medium
Label Small