Style

Material Design 3 type scale tokens

Browse tokens

Token

See more values

Compare token values by selecting another context

More contexts
Platform
Audience
What do 1P and 3P mean?

1P means first-party; 3P means third-party. We interpret 1P Baseline as the configuration for Google's own products, and 3P as the configuration for other developers.

Material supplies these audience labels but does not define them in the captured data. They are not a baseline-versus-Expressive switch.

Font
Language height

Brand
Brand tokens
TokenValue
Brand typefacemd.ref.typeface.brand
Roboto
Plain
Plain tokens
TokenValue
Plain typefacemd.ref.typeface.plain
Roboto
Variable
Variable tokens
TokenValue
Variable plain typefacemd.ref.typeface.variable.plain
Roboto Flex
Variable brand typefacemd.ref.typeface.variable.brand
Roboto Flex
Weight
Weight tokens
TokenValue
Regular weightmd.ref.typeface.weight-regular
400
Medium weightmd.ref.typeface.weight-medium
500
Semi bold weightmd.ref.typeface.weight-semibold
600
Bold weightmd.ref.typeface.weight-bold
700
Variable wght
Variable wght tokens
TokenValue
Variable regular wghtmd.ref.typeface.variable.wght-regular
AxisValue: Tag: wght · Value: 400
Variable medium wghtmd.ref.typeface.variable.wght-medium
AxisValue: Tag: wght · Value: 500
Variable semi bold wghtmd.ref.typeface.variable.wght-semibold
AxisValue: Tag: wght · Value: 600
Variable bold wghtmd.ref.typeface.variable.wght-bold
AxisValue: Tag: wght · Value: 700
Roundness
Roundness tokens
TokenValue
Emphasized rondmd.ref.typeface.emphasized.rond
AxisValue: Tag: ROND
Line height
Line height tokens
TokenValue
Display large line heightmd.ref.typeface.display-large.line-height
120pt
Display medium line heightmd.ref.typeface.display-medium.line-height
99pt
Display small line heightmd.ref.typeface.display-small.line-height
80pt
Headline large line heightmd.ref.typeface.headline-large.line-height
75pt
Headline medium line heightmd.ref.typeface.headline-medium.line-height
66pt
Headline small line heightmd.ref.typeface.headline-small.line-height
59pt
Title large line heightmd.ref.typeface.title-large.line-height
53pt
Title medium line heightmd.ref.typeface.title-medium.line-height
42pt
Title small line heightmd.ref.typeface.title-small.line-height
36pt
Label large line heightmd.ref.typeface.label-large.line-height
36pt
Label medium line heightmd.ref.typeface.label-medium.line-height
30pt
Label small line heightmd.ref.typeface.label-small.line-height
29pt
Body large line heightmd.ref.typeface.body-large.line-height
41pt
Body medium line heightmd.ref.typeface.body-medium.line-height
35pt
Body small line heightmd.ref.typeface.body-small.line-height
30pt