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

Display styles
Display Large
Display Large tokens
TokenValue
Display Largemd.sys.typescale.display-large
Roboto · 57pt · weight 400 · line height 64pt · tracking -0.25pt
Display Large font namemd.sys.typescale.display-large.font
Roboto
Display Large font weightmd.sys.typescale.display-large.weight
400
Display Large font sizemd.sys.typescale.display-large.size
57pt
Display Large font trackingmd.sys.typescale.display-large.tracking
-0.25pt
Display Large line heightmd.sys.typescale.display-large.line-height
64pt
Display Large wghtmd.sys.typescale.display-large.wght
AxisValue: Tag: wght · Value: 400
Display Large gradmd.sys.typescale.display-large.grad
AxisValue: Tag: GRAD
Display Large wdthmd.sys.typescale.display-large.wdth
AxisValue: Tag: wdth · Value: 100
Display Large rondmd.sys.typescale.display-large.rond
AxisValue: Tag: ROND
Display Large opszmd.sys.typescale.display-large.opsz
AxisValue: Tag: opsz · Value: 57
Display Large crsvmd.sys.typescale.display-large.crsv
AxisValue: Tag: CRSV
Display Large slntmd.sys.typescale.display-large.slnt
AxisValue: Tag: slnt
Display Large fillmd.sys.typescale.display-large.fill
AxisValue: Tag: FILL
Display Large hexpmd.sys.typescale.display-large.hexp
AxisValue: Tag: HEXP
Display Medium
Display Medium tokens
TokenValue
Display Mediummd.sys.typescale.display-medium
Roboto · 45pt · weight 400 · line height 52pt · tracking 0pt
Display Medium font namemd.sys.typescale.display-medium.font
Roboto
Display Medium font weightmd.sys.typescale.display-medium.weight
400
Display Medium font sizemd.sys.typescale.display-medium.size
45pt
Display Medium font trackingmd.sys.typescale.display-medium.tracking
0pt
Display Medium line heightmd.sys.typescale.display-medium.line-height
52pt
Display Medium wghtmd.sys.typescale.display-medium.wght
AxisValue: Tag: wght · Value: 400
Display Medium gradmd.sys.typescale.display-medium.grad
AxisValue: Tag: GRAD
Display Medium wdthmd.sys.typescale.display-medium.wdth
AxisValue: Tag: wdth · Value: 100
Display Medium rondmd.sys.typescale.display-medium.rond
AxisValue: Tag: ROND
Display Medium opszmd.sys.typescale.display-medium.opsz
AxisValue: Tag: opsz · Value: 45
Display Medium crsvmd.sys.typescale.display-medium.crsv
AxisValue: Tag: CRSV
Display Medium slntmd.sys.typescale.display-medium.slnt
AxisValue: Tag: slnt
Display Medium fillmd.sys.typescale.display-medium.fill
AxisValue: Tag: FILL
Display Medium hexpmd.sys.typescale.display-medium.hexp
AxisValue: Tag: HEXP
Display Small
Display Small tokens
TokenValue
Display Smallmd.sys.typescale.display-small
Roboto · 36pt · weight 400 · line height 44pt · tracking 0pt
Display Small font namemd.sys.typescale.display-small.font
Roboto
Display Small font weightmd.sys.typescale.display-small.weight
400
Display Small font sizemd.sys.typescale.display-small.size
36pt
Display Small font trackingmd.sys.typescale.display-small.tracking
0pt
Display Small line heightmd.sys.typescale.display-small.line-height
44pt
Display Small wghtmd.sys.typescale.display-small.wght
AxisValue: Tag: wght · Value: 400
Display Small gradmd.sys.typescale.display-small.grad
AxisValue: Tag: GRAD
Display Small wdthmd.sys.typescale.display-small.wdth
AxisValue: Tag: wdth · Value: 100
Display Small rondmd.sys.typescale.display-small.rond
AxisValue: Tag: ROND
Display Small opszmd.sys.typescale.display-small.opsz
AxisValue: Tag: opsz · Value: 36
Display Small crsvmd.sys.typescale.display-small.crsv
AxisValue: Tag: CRSV
Display Small slntmd.sys.typescale.display-small.slnt
AxisValue: Tag: slnt
Display Small fillmd.sys.typescale.display-small.fill
AxisValue: Tag: FILL
Display Small hexpmd.sys.typescale.display-small.hexp
AxisValue: Tag: HEXP
Headline styles
Headline Large
Headline Large tokens
TokenValue
Headline Largemd.sys.typescale.headline-large
Roboto · 32pt · weight 400 · line height 40pt · tracking 0pt
Headline Large font namemd.sys.typescale.headline-large.font
Roboto
Headline Large font weightmd.sys.typescale.headline-large.weight
400
Headline Large font sizemd.sys.typescale.headline-large.size
32pt
Headline Large font trackingmd.sys.typescale.headline-large.tracking
0pt
Headline Large line heightmd.sys.typescale.headline-large.line-height
40pt
Headline Large wghtmd.sys.typescale.headline-large.wght
AxisValue: Tag: wght · Value: 400
Headline Large gradmd.sys.typescale.headline-large.grad
AxisValue: Tag: GRAD
Headline Large wdthmd.sys.typescale.headline-large.wdth
AxisValue: Tag: wdth · Value: 100
Headline Large rondmd.sys.typescale.headline-large.rond
AxisValue: Tag: ROND
Headline Large opszmd.sys.typescale.headline-large.opsz
AxisValue: Tag: opsz · Value: 32
Headline Large crsvmd.sys.typescale.headline-large.crsv
AxisValue: Tag: CRSV
Headline Large slntmd.sys.typescale.headline-large.slnt
AxisValue: Tag: slnt
Headline Large fillmd.sys.typescale.headline-large.fill
AxisValue: Tag: FILL
Headline Large hexpmd.sys.typescale.headline-large.hexp
AxisValue: Tag: HEXP
Headline Medium
Headline Medium tokens
TokenValue
Headline Mediummd.sys.typescale.headline-medium
Roboto · 28pt · weight 400 · line height 36pt · tracking 0pt
Headline Medium font namemd.sys.typescale.headline-medium.font
Roboto
Headline Medium font weightmd.sys.typescale.headline-medium.weight
400
Headline Medium font sizemd.sys.typescale.headline-medium.size
28pt
Headline Medium font trackingmd.sys.typescale.headline-medium.tracking
0pt
Headline Medium line heightmd.sys.typescale.headline-medium.line-height
36pt
Headline Medium wghtmd.sys.typescale.headline-medium.wght
AxisValue: Tag: wght · Value: 400
Headline Medium gradmd.sys.typescale.headline-medium.grad
AxisValue: Tag: GRAD
Headline Medium wdthmd.sys.typescale.headline-medium.wdth
AxisValue: Tag: wdth · Value: 100
Headline Medium rondmd.sys.typescale.headline-medium.rond
AxisValue: Tag: ROND
Headline Medium opszmd.sys.typescale.headline-medium.opsz
AxisValue: Tag: opsz · Value: 28
Headline Medium crsvmd.sys.typescale.headline-medium.crsv
AxisValue: Tag: CRSV
Headline Medium slntmd.sys.typescale.headline-medium.slnt
AxisValue: Tag: slnt
Headline Medium fillmd.sys.typescale.headline-medium.fill
AxisValue: Tag: FILL
Headline Medium hexpmd.sys.typescale.headline-medium.hexp
AxisValue: Tag: HEXP
Headline Small
Headline Small tokens
TokenValue
Headline Smallmd.sys.typescale.headline-small
Roboto · 24pt · weight 400 · line height 32pt · tracking 0pt
Headline Small font namemd.sys.typescale.headline-small.font
Roboto
Headline Small font weightmd.sys.typescale.headline-small.weight
400
Headline Small font sizemd.sys.typescale.headline-small.size
24pt
Headline Small font trackingmd.sys.typescale.headline-small.tracking
0pt
Headline Small line heightmd.sys.typescale.headline-small.line-height
32pt
Headline Small wghtmd.sys.typescale.headline-small.wght
AxisValue: Tag: wght · Value: 400
Headline Small gradmd.sys.typescale.headline-small.grad
AxisValue: Tag: GRAD
Headline Small wdthmd.sys.typescale.headline-small.wdth
AxisValue: Tag: wdth · Value: 100
Headline Small rondmd.sys.typescale.headline-small.rond
AxisValue: Tag: ROND
Headline Small opszmd.sys.typescale.headline-small.opsz
AxisValue: Tag: opsz · Value: 24
Headline Small crsvmd.sys.typescale.headline-small.crsv
AxisValue: Tag: CRSV
Headline Small slntmd.sys.typescale.headline-small.slnt
AxisValue: Tag: slnt
Headline Small fillmd.sys.typescale.headline-small.fill
AxisValue: Tag: FILL
Headline Small hexpmd.sys.typescale.headline-small.hexp
AxisValue: Tag: HEXP
Title styles
Title Large
Title Large tokens
TokenValue
Title Largemd.sys.typescale.title-large
Roboto · 22pt · weight 400 · line height 28pt · tracking 0pt
Title Large font namemd.sys.typescale.title-large.font
Roboto
Title Large font weightmd.sys.typescale.title-large.weight
400
Title Large font sizemd.sys.typescale.title-large.size
22pt
Title Large font trackingmd.sys.typescale.title-large.tracking
0pt
Title Large line heightmd.sys.typescale.title-large.line-height
28pt
Title Large wghtmd.sys.typescale.title-large.wght
AxisValue: Tag: wght · Value: 400
Title Large gradmd.sys.typescale.title-large.grad
AxisValue: Tag: GRAD
Title Large wdthmd.sys.typescale.title-large.wdth
AxisValue: Tag: wdth · Value: 100
Title Large rondmd.sys.typescale.title-large.rond
AxisValue: Tag: ROND
Title Large opszmd.sys.typescale.title-large.opsz
AxisValue: Tag: opsz · Value: 22
Title Large crsvmd.sys.typescale.title-large.crsv
AxisValue: Tag: CRSV
Title Large slntmd.sys.typescale.title-large.slnt
AxisValue: Tag: slnt
Title Large fillmd.sys.typescale.title-large.fill
AxisValue: Tag: FILL
Title Large hexpmd.sys.typescale.title-large.hexp
AxisValue: Tag: HEXP
Title Medium
Title Medium tokens
TokenValue
Title Mediummd.sys.typescale.title-medium
Roboto · 16pt · weight 500 · line height 24pt · tracking 0.15pt
Title Medium font namemd.sys.typescale.title-medium.font
Roboto
Title Medium font weightmd.sys.typescale.title-medium.weight
500
Title Medium font sizemd.sys.typescale.title-medium.size
16pt
Title Medium font trackingmd.sys.typescale.title-medium.tracking
0.15pt
Title Medium line heightmd.sys.typescale.title-medium.line-height
24pt
Title Medium wghtmd.sys.typescale.title-medium.wght
AxisValue: Tag: wght · Value: 500
Title Medium gradmd.sys.typescale.title-medium.grad
AxisValue: Tag: GRAD
Title Medium wdthmd.sys.typescale.title-medium.wdth
AxisValue: Tag: wdth · Value: 100
Title Medium rondmd.sys.typescale.title-medium.rond
AxisValue: Tag: ROND
Title Medium opszmd.sys.typescale.title-medium.opsz
AxisValue: Tag: opsz · Value: 16
Title Medium crsvmd.sys.typescale.title-medium.crsv
AxisValue: Tag: CRSV
Title Medium slntmd.sys.typescale.title-medium.slnt
AxisValue: Tag: slnt
Title Medium fillmd.sys.typescale.title-medium.fill
AxisValue: Tag: FILL
Title Medium hexpmd.sys.typescale.title-medium.hexp
AxisValue: Tag: HEXP
Title Small
Title Small tokens
TokenValue
Title Smallmd.sys.typescale.title-small
Roboto · 14pt · weight 500 · line height 20pt · tracking 0.1pt
Title Small font namemd.sys.typescale.title-small.font
Roboto
Title Small font weightmd.sys.typescale.title-small.weight
500
Title Small font sizemd.sys.typescale.title-small.size
14pt
Title Small font trackingmd.sys.typescale.title-small.tracking
0.1pt
Title Small line heightmd.sys.typescale.title-small.line-height
20pt
Title Small wghtmd.sys.typescale.title-small.wght
AxisValue: Tag: wght · Value: 500
Title Small gradmd.sys.typescale.title-small.grad
AxisValue: Tag: GRAD
Title Small wdthmd.sys.typescale.title-small.wdth
AxisValue: Tag: wdth · Value: 100
Title Small rondmd.sys.typescale.title-small.rond
AxisValue: Tag: ROND
Title Small opszmd.sys.typescale.title-small.opsz
AxisValue: Tag: opsz · Value: 14
Title Small crsvmd.sys.typescale.title-small.crsv
AxisValue: Tag: CRSV
Title Small slntmd.sys.typescale.title-small.slnt
AxisValue: Tag: slnt
Title Small fillmd.sys.typescale.title-small.fill
AxisValue: Tag: FILL
Title Small hexpmd.sys.typescale.title-small.hexp
AxisValue: Tag: HEXP
Body styles
Body Large
Body Large tokens
TokenValue
Body Largemd.sys.typescale.body-large
Roboto · 16pt · weight 400 · line height 24pt · tracking 0.5pt
Body Large font namemd.sys.typescale.body-large.font
Roboto
Body Large font weightmd.sys.typescale.body-large.weight
400
Body Large font sizemd.sys.typescale.body-large.size
16pt
Body Large font trackingmd.sys.typescale.body-large.tracking
0.5pt
Body Large line heightmd.sys.typescale.body-large.line-height
24pt
Body Large wghtmd.sys.typescale.body-large.wght
AxisValue: Tag: wght · Value: 400
Body Large gradmd.sys.typescale.body-large.grad
AxisValue: Tag: GRAD
Body Large wdthmd.sys.typescale.body-large.wdth
AxisValue: Tag: wdth · Value: 100
Body Large rondmd.sys.typescale.body-large.rond
AxisValue: Tag: ROND
Body Large opszmd.sys.typescale.body-large.opsz
AxisValue: Tag: opsz · Value: 16
Body Large crsvmd.sys.typescale.body-large.crsv
AxisValue: Tag: CRSV
Body Large slntmd.sys.typescale.body-large.slnt
AxisValue: Tag: slnt
Body Large fillmd.sys.typescale.body-large.fill
AxisValue: Tag: FILL
Body Large hexpmd.sys.typescale.body-large.hexp
AxisValue: Tag: HEXP
Body Medium
Body Medium tokens
TokenValue
Body Mediummd.sys.typescale.body-medium
Roboto · 14pt · weight 400 · line height 20pt · tracking 0.25pt
Body Medium font namemd.sys.typescale.body-medium.font
Roboto
Body Medium font weightmd.sys.typescale.body-medium.weight
400
Body Medium font sizemd.sys.typescale.body-medium.size
14pt
Body Medium font trackingmd.sys.typescale.body-medium.tracking
0.25pt
Body Medium line heightmd.sys.typescale.body-medium.line-height
20pt
Body Medium wghtmd.sys.typescale.body-medium.wght
AxisValue: Tag: wght · Value: 400
Body Medium gradmd.sys.typescale.body-medium.grad
AxisValue: Tag: GRAD
Body Medium wdthmd.sys.typescale.body-medium.wdth
AxisValue: Tag: wdth · Value: 100
Body Medium rondmd.sys.typescale.body-medium.rond
AxisValue: Tag: ROND
Body Medium opszmd.sys.typescale.body-medium.opsz
AxisValue: Tag: opsz · Value: 14
Body Medium crsvmd.sys.typescale.body-medium.crsv
AxisValue: Tag: CRSV
Body Medium slntmd.sys.typescale.body-medium.slnt
AxisValue: Tag: slnt
Body Medium fillmd.sys.typescale.body-medium.fill
AxisValue: Tag: FILL
Body Medium hexpmd.sys.typescale.body-medium.hexp
AxisValue: Tag: HEXP
Body Small
Body Small tokens
TokenValue
Body Smallmd.sys.typescale.body-small
Roboto · 12pt · weight 400 · line height 16pt · tracking 0.4pt
Body Small font namemd.sys.typescale.body-small.font
Roboto
Body Small font weightmd.sys.typescale.body-small.weight
400
Body Small font sizemd.sys.typescale.body-small.size
12pt
Body Small font trackingmd.sys.typescale.body-small.tracking
0.4pt
Body Small line heightmd.sys.typescale.body-small.line-height
16pt
Body Small wghtmd.sys.typescale.body-small.wght
AxisValue: Tag: wght · Value: 400
Body Small gradmd.sys.typescale.body-small.grad
AxisValue: Tag: GRAD
Body Small wdthmd.sys.typescale.body-small.wdth
AxisValue: Tag: wdth · Value: 100
Body Small rondmd.sys.typescale.body-small.rond
AxisValue: Tag: ROND
Body Small opszmd.sys.typescale.body-small.opsz
AxisValue: Tag: opsz · Value: 12
Body Small crsvmd.sys.typescale.body-small.crsv
AxisValue: Tag: CRSV
Body Small slntmd.sys.typescale.body-small.slnt
AxisValue: Tag: slnt
Body Small fillmd.sys.typescale.body-small.fill
AxisValue: Tag: FILL
Body Small hexpmd.sys.typescale.body-small.hexp
AxisValue: Tag: HEXP
Label styles
Label Large
Label Large tokens
TokenValue
Label Largemd.sys.typescale.label-large
Roboto · 14pt · weight 500 · line height 20pt · tracking 0.1pt
Label Large font namemd.sys.typescale.label-large.font
Roboto
Label Large font weightmd.sys.typescale.label-large.weight
500
Label Large font weight prominentmd.sys.typescale.label-large.weight.prominent
700
Label Large font sizemd.sys.typescale.label-large.size
14pt
Label Large font trackingmd.sys.typescale.label-large.tracking
0.1pt
Label Large line heightmd.sys.typescale.label-large.line-height
20pt
Label Large wghtmd.sys.typescale.label-large.wght
AxisValue: Tag: wght · Value: 500
Label Large gradmd.sys.typescale.label-large.grad
AxisValue: Tag: GRAD
Label Large wdthmd.sys.typescale.label-large.wdth
AxisValue: Tag: wdth · Value: 100
Label Large rondmd.sys.typescale.label-large.rond
AxisValue: Tag: ROND
Label Large opszmd.sys.typescale.label-large.opsz
AxisValue: Tag: opsz · Value: 14
Label Large crsvmd.sys.typescale.label-large.crsv
AxisValue: Tag: CRSV
Label Large slntmd.sys.typescale.label-large.slnt
AxisValue: Tag: slnt
Label Large fillmd.sys.typescale.label-large-fill
AxisValue: Tag: FILL
Label Large hexpmd.sys.typescale.label-large.hexp
AxisValue: Tag: HEXP
Label Medium
Label Medium tokens
TokenValue
Label Medium text transformmd.sys.typescale.label-medium.text-transform
TextTransform: TEXT_TRANSFORM_NONE
Label Mediummd.sys.typescale.label-medium
Roboto · 12pt · weight 500 · line height 16pt · tracking 0.5pt
Label Medium font namemd.sys.typescale.label-medium.font
Roboto
Label Medium font weightmd.sys.typescale.label-medium.weight
500
Label Medium font weight prominentmd.sys.typescale.label-medium.weight.prominent
700
Label Medium font sizemd.sys.typescale.label-medium.size
12pt
Label Medium font trackingmd.sys.typescale.label-medium.tracking
0.5pt
Label Medium line heightmd.sys.typescale.label-medium.line-height
16pt
Label Medium wghtmd.sys.typescale.label-medium.wght
AxisValue: Tag: wght · Value: 500
Label Medium gradmd.sys.typescale.label-medium.grad
AxisValue: Tag: GRAD
Label Medium wdthmd.sys.typescale.label-medium.wdth
AxisValue: Tag: wdth · Value: 100
Label Medium rondmd.sys.typescale.label-medium.rond
AxisValue: Tag: ROND
Label Medium opszmd.sys.typescale.label-medium.opsz
AxisValue: Tag: opsz · Value: 12
Label Medium crsvmd.sys.typescale.label-medium.crsv
AxisValue: Tag: CRSV
Label Medium slntmd.sys.typescale.label-medium.slnt
AxisValue: Tag: slnt
Label Medium fillmd.sys.typescale.label-medium.fill
AxisValue: Tag: FILL
Label Medium hexpmd.sys.typescale.label-medium.hexp
AxisValue: Tag: HEXP
Label Small
Label Small tokens
TokenValue
Label Smallmd.sys.typescale.label-small
Roboto · 11pt · weight 500 · line height 16pt · tracking 0.5pt
Label Small font namemd.sys.typescale.label-small.font
Roboto
Label Small font weightmd.sys.typescale.label-small.weight
500
Label Small font sizemd.sys.typescale.label-small.size
11pt
Label Small font trackingmd.sys.typescale.label-small.tracking
0.5pt
Label Small line heightmd.sys.typescale.label-small.line-height
16pt
Label Small wghtmd.sys.typescale.label-small.wght
AxisValue: Tag: wght · Value: 500
Label Small gradmd.sys.typescale.label-small.grad
AxisValue: Tag: GRAD
Label Small wdthmd.sys.typescale.label-small.wdth
AxisValue: Tag: wdth · Value: 100
Label Small rondmd.sys.typescale.label-small.rond
AxisValue: Tag: ROND
Label Small opszmd.sys.typescale.label-small.opsz
AxisValue: Tag: opsz · Value: 11
Label Small crsvmd.sys.typescale.label-small.crsv
AxisValue: Tag: CRSV
Label Small slntmd.sys.typescale.label-small.slnt
AxisValue: Tag: slnt
Label Small fillmd.sys.typescale.label-small.fill
AxisValue: Tag: FILL
Label Small hexpmd.sys.typescale.label-small.hexp
AxisValue: Tag: HEXP