Typography
15 text styles • Material Design 3
Material Type Scale
Material Design 3 typography system with five text categories
Display Large
Font:
RobotoSize:57pxWeight:400Line:64pxSpacing:-0.25pxHero text, large headlines
Display Medium
Font:
RobotoSize:45pxWeight:400Line:52pxSpacing:0pxMain headlines, section titles
Display Small
Font:
RobotoSize:36pxWeight:400Line:44pxSpacing:0pxSecondary headlines
Headline Large
Font:
RobotoSize:32pxWeight:400Line:40pxSpacing:0pxPage titles
Headline Medium
Font:
RobotoSize:28pxWeight:400Line:36pxSpacing:0pxSection headers
Headline Small
Font:
RobotoSize:24pxWeight:400Line:32pxSpacing:0pxCard titles
Title Large
Font:
RobotoSize:22pxWeight:400Line:28pxSpacing:0pxComponent titles
Title Medium
Font:
Roboto MediumSize:16pxWeight:500Line:24pxSpacing:0.15pxCard headers, tabs
Title Small
Font:
Roboto MediumSize:14pxWeight:500Line:20pxSpacing:0.1pxSubheaders
Body Large
Font:
RobotoSize:16pxWeight:400Line:24pxSpacing:0.5pxPrimary body text
Body Medium
Font:
RobotoSize:14pxWeight:400Line:20pxSpacing:0.25pxStandard body text
Body Small
Font:
RobotoSize:12pxWeight:400Line:16pxSpacing:0.4pxCaptions, annotations
Label Large
Font:
Roboto MediumSize:14pxWeight:500Line:20pxSpacing:0.1pxButtons, navigation
Label Medium
Font:
Roboto MediumSize:12pxWeight:500Line:16pxSpacing:0.5pxTabs, badges
Label Small
Font:
Roboto MediumSize:11pxWeight:500Line:16pxSpacing:0.5pxChips, small labels