Material Design 3 "Type scale" tokens: All tokens
Browse tokens
Color
Fonts & weights
Brand
| Token | Value |
|---|---|
Brand typefacemd.ref.typeface.brand | Roboto md.ref.typeface.brand |
Plain
| Token | Value |
|---|---|
Plain typefacemd.ref.typeface.plain | Roboto md.ref.typeface.plain |
Variable
| Token | Value |
|---|---|
Variable brand typefacemd.ref.typeface.variable.brand | Roboto Flex md.ref.typeface.variable.brand |
Variable plain typefacemd.ref.typeface.variable.plain | Roboto Flex md.ref.typeface.variable.plain |
Weight
| Token | Value |
|---|---|
Bold weightmd.ref.typeface.weight-bold | 700 md.ref.typeface.weight-bold |
Medium weightmd.ref.typeface.weight-medium | 500 md.ref.typeface.weight-medium |
Regular weightmd.ref.typeface.weight-regular | 400 md.ref.typeface.weight-regular |
Semi bold weightmd.ref.typeface.weight-semibold | 600 md.ref.typeface.weight-semibold |
Variable wght
| Token | Value |
|---|---|
Variable bold wghtmd.ref.typeface.variable.wght-bold | AxisValue: Tag: wght · Value: 700 md.ref.typeface.variable.wght-bold |
Variable medium wghtmd.ref.typeface.variable.wght-medium | AxisValue: Tag: wght · Value: 500 md.ref.typeface.variable.wght-medium |
Variable regular wghtmd.ref.typeface.variable.wght-regular | AxisValue: Tag: wght · Value: 400 md.ref.typeface.variable.wght-regular |
Variable semi bold wghtmd.ref.typeface.variable.wght-semibold | AxisValue: Tag: wght · Value: 600 md.ref.typeface.variable.wght-semibold |
Roundness
| Token | Value |
|---|---|
Emphasized rondmd.ref.typeface.emphasized.rond | AxisValue: Tag: ROND md.ref.typeface.emphasized.rond |
Line height
| Token | Value |
|---|---|
Body large line heightmd.ref.typeface.body-large.line-height | 41pt md.ref.typeface.body-large.line-height |
Body medium line heightmd.ref.typeface.body-medium.line-height | 35pt md.ref.typeface.body-medium.line-height |
Body small line heightmd.ref.typeface.body-small.line-height | 30pt md.ref.typeface.body-small.line-height |
Display large line heightmd.ref.typeface.display-large.line-height | 120pt md.ref.typeface.display-large.line-height |
Display medium line heightmd.ref.typeface.display-medium.line-height | 99pt md.ref.typeface.display-medium.line-height |
Display small line heightmd.ref.typeface.display-small.line-height | 80pt md.ref.typeface.display-small.line-height |
Headline large line heightmd.ref.typeface.headline-large.line-height | 75pt md.ref.typeface.headline-large.line-height |
Headline medium line heightmd.ref.typeface.headline-medium.line-height | 66pt md.ref.typeface.headline-medium.line-height |
Headline small line heightmd.ref.typeface.headline-small.line-height | 59pt md.ref.typeface.headline-small.line-height |
Label large line heightmd.ref.typeface.label-large.line-height | 36pt md.ref.typeface.label-large.line-height |
Label medium line heightmd.ref.typeface.label-medium.line-height | 30pt md.ref.typeface.label-medium.line-height |
Label small line heightmd.ref.typeface.label-small.line-height | 29pt md.ref.typeface.label-small.line-height |
Title large line heightmd.ref.typeface.title-large.line-height | 53pt md.ref.typeface.title-large.line-height |
Title medium line heightmd.ref.typeface.title-medium.line-height | 42pt md.ref.typeface.title-medium.line-height |
Title small line heightmd.ref.typeface.title-small.line-height | 36pt md.ref.typeface.title-small.line-height |
Type scale
Display styles
Display Large
| Token | Value |
|---|---|
Display Largemd.sys.typescale.display-large | Roboto · 57pt · weight 400 · line height 64pt · tracking -0.25pt md.sys.typescale.display-large
|
Display Large crsvmd.sys.typescale.display-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.display-large.crsv |
Display Large fillmd.sys.typescale.display-large.fill | AxisValue: Tag: FILL md.sys.typescale.display-large.fill |
Display Large font namemd.sys.typescale.display-large.font | Roboto md.sys.typescale.display-large.font
|
Display Large gradmd.sys.typescale.display-large.grad | AxisValue: Tag: GRAD md.sys.typescale.display-large.grad |
Display Large hexpmd.sys.typescale.display-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.display-large.hexp |
Display Large line heightmd.sys.typescale.display-large.line-height | 64pt md.sys.typescale.display-large.line-height |
Display Large opszmd.sys.typescale.display-large.opsz | AxisValue: Tag: opsz · Value: 57 md.sys.typescale.display-large.opsz |
Display Large rondmd.sys.typescale.display-large.rond | AxisValue: Tag: ROND md.sys.typescale.display-large.rond |
Display Large font sizemd.sys.typescale.display-large.size | 57pt md.sys.typescale.display-large.size |
Display Large slntmd.sys.typescale.display-large.slnt | AxisValue: Tag: slnt md.sys.typescale.display-large.slnt |
Display Large font trackingmd.sys.typescale.display-large.tracking | -0.25pt md.sys.typescale.display-large.tracking |
Display Large wdthmd.sys.typescale.display-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.display-large.wdth |
Display Large font weightmd.sys.typescale.display-large.weight | 400 md.sys.typescale.display-large.weight
|
Display Large wghtmd.sys.typescale.display-large.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.display-large.wght |
Display Medium
| Token | Value |
|---|---|
Display Mediummd.sys.typescale.display-medium | Roboto · 45pt · weight 400 · line height 52pt · tracking 0pt md.sys.typescale.display-medium
|
Display Medium crsvmd.sys.typescale.display-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.display-medium.crsv |
Display Medium fillmd.sys.typescale.display-medium.fill | AxisValue: Tag: FILL md.sys.typescale.display-medium.fill |
Display Medium font namemd.sys.typescale.display-medium.font | Roboto md.sys.typescale.display-medium.font
|
Display Medium gradmd.sys.typescale.display-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.display-medium.grad |
Display Medium hexpmd.sys.typescale.display-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.display-medium.hexp |
Display Medium line heightmd.sys.typescale.display-medium.line-height | 52pt md.sys.typescale.display-medium.line-height |
Display Medium opszmd.sys.typescale.display-medium.opsz | AxisValue: Tag: opsz · Value: 45 md.sys.typescale.display-medium.opsz |
Display Medium rondmd.sys.typescale.display-medium.rond | AxisValue: Tag: ROND md.sys.typescale.display-medium.rond |
Display Medium font sizemd.sys.typescale.display-medium.size | 45pt md.sys.typescale.display-medium.size |
Display Medium slntmd.sys.typescale.display-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.display-medium.slnt |
Display Medium font trackingmd.sys.typescale.display-medium.tracking | 0pt md.sys.typescale.display-medium.tracking |
Display Medium wdthmd.sys.typescale.display-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.display-medium.wdth |
Display Medium font weightmd.sys.typescale.display-medium.weight | 400 md.sys.typescale.display-medium.weight
|
Display Medium wghtmd.sys.typescale.display-medium.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.display-medium.wght |
Display Small
| Token | Value |
|---|---|
Display Smallmd.sys.typescale.display-small | Roboto · 36pt · weight 400 · line height 44pt · tracking 0pt md.sys.typescale.display-small
|
Display Small crsvmd.sys.typescale.display-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.display-small.crsv |
Display Small fillmd.sys.typescale.display-small.fill | AxisValue: Tag: FILL md.sys.typescale.display-small.fill |
Display Small font namemd.sys.typescale.display-small.font | Roboto md.sys.typescale.display-small.font
|
Display Small gradmd.sys.typescale.display-small.grad | AxisValue: Tag: GRAD md.sys.typescale.display-small.grad |
Display Small hexpmd.sys.typescale.display-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.display-small.hexp |
Display Small line heightmd.sys.typescale.display-small.line-height | 44pt md.sys.typescale.display-small.line-height |
Display Small opszmd.sys.typescale.display-small.opsz | AxisValue: Tag: opsz · Value: 36 md.sys.typescale.display-small.opsz |
Display Small rondmd.sys.typescale.display-small.rond | AxisValue: Tag: ROND md.sys.typescale.display-small.rond |
Display Small font sizemd.sys.typescale.display-small.size | 36pt md.sys.typescale.display-small.size |
Display Small slntmd.sys.typescale.display-small.slnt | AxisValue: Tag: slnt md.sys.typescale.display-small.slnt |
Display Small font trackingmd.sys.typescale.display-small.tracking | 0pt md.sys.typescale.display-small.tracking |
Display Small wdthmd.sys.typescale.display-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.display-small.wdth |
Display Small font weightmd.sys.typescale.display-small.weight | 400 md.sys.typescale.display-small.weight
|
Display Small wghtmd.sys.typescale.display-small.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.display-small.wght |
Headline styles
Headline Large
| Token | Value |
|---|---|
Headline Largemd.sys.typescale.headline-large | Roboto · 32pt · weight 400 · line height 40pt · tracking 0pt md.sys.typescale.headline-large
|
Headline Large crsvmd.sys.typescale.headline-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.headline-large.crsv |
Headline Large fillmd.sys.typescale.headline-large.fill | AxisValue: Tag: FILL md.sys.typescale.headline-large.fill |
Headline Large font namemd.sys.typescale.headline-large.font | Roboto md.sys.typescale.headline-large.font
|
Headline Large gradmd.sys.typescale.headline-large.grad | AxisValue: Tag: GRAD md.sys.typescale.headline-large.grad |
Headline Large hexpmd.sys.typescale.headline-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.headline-large.hexp |
Headline Large line heightmd.sys.typescale.headline-large.line-height | 40pt md.sys.typescale.headline-large.line-height |
Headline Large opszmd.sys.typescale.headline-large.opsz | AxisValue: Tag: opsz · Value: 32 md.sys.typescale.headline-large.opsz |
Headline Large rondmd.sys.typescale.headline-large.rond | AxisValue: Tag: ROND md.sys.typescale.headline-large.rond |
Headline Large font sizemd.sys.typescale.headline-large.size | 32pt md.sys.typescale.headline-large.size |
Headline Large slntmd.sys.typescale.headline-large.slnt | AxisValue: Tag: slnt md.sys.typescale.headline-large.slnt |
Headline Large font trackingmd.sys.typescale.headline-large.tracking | 0pt md.sys.typescale.headline-large.tracking |
Headline Large wdthmd.sys.typescale.headline-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.headline-large.wdth |
Headline Large font weightmd.sys.typescale.headline-large.weight | 400 md.sys.typescale.headline-large.weight
|
Headline Large wghtmd.sys.typescale.headline-large.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.headline-large.wght |
Headline Medium
| Token | Value |
|---|---|
Headline Mediummd.sys.typescale.headline-medium | Roboto · 28pt · weight 400 · line height 36pt · tracking 0pt md.sys.typescale.headline-medium
|
Headline Medium crsvmd.sys.typescale.headline-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.headline-medium.crsv |
Headline Medium fillmd.sys.typescale.headline-medium.fill | AxisValue: Tag: FILL md.sys.typescale.headline-medium.fill |
Headline Medium font namemd.sys.typescale.headline-medium.font | Roboto md.sys.typescale.headline-medium.font
|
Headline Medium gradmd.sys.typescale.headline-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.headline-medium.grad |
Headline Medium hexpmd.sys.typescale.headline-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.headline-medium.hexp |
Headline Medium line heightmd.sys.typescale.headline-medium.line-height | 36pt md.sys.typescale.headline-medium.line-height |
Headline Medium opszmd.sys.typescale.headline-medium.opsz | AxisValue: Tag: opsz · Value: 28 md.sys.typescale.headline-medium.opsz |
Headline Medium rondmd.sys.typescale.headline-medium.rond | AxisValue: Tag: ROND md.sys.typescale.headline-medium.rond |
Headline Medium font sizemd.sys.typescale.headline-medium.size | 28pt md.sys.typescale.headline-medium.size |
Headline Medium slntmd.sys.typescale.headline-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.headline-medium.slnt |
Headline Medium font trackingmd.sys.typescale.headline-medium.tracking | 0pt md.sys.typescale.headline-medium.tracking |
Headline Medium wdthmd.sys.typescale.headline-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.headline-medium.wdth |
Headline Medium font weightmd.sys.typescale.headline-medium.weight | 400 md.sys.typescale.headline-medium.weight
|
Headline Medium wghtmd.sys.typescale.headline-medium.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.headline-medium.wght |
Headline Small
| Token | Value |
|---|---|
Headline Smallmd.sys.typescale.headline-small | Roboto · 24pt · weight 400 · line height 32pt · tracking 0pt md.sys.typescale.headline-small
|
Headline Small crsvmd.sys.typescale.headline-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.headline-small.crsv |
Headline Small fillmd.sys.typescale.headline-small.fill | AxisValue: Tag: FILL md.sys.typescale.headline-small.fill |
Headline Small font namemd.sys.typescale.headline-small.font | Roboto md.sys.typescale.headline-small.font
|
Headline Small gradmd.sys.typescale.headline-small.grad | AxisValue: Tag: GRAD md.sys.typescale.headline-small.grad |
Headline Small hexpmd.sys.typescale.headline-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.headline-small.hexp |
Headline Small line heightmd.sys.typescale.headline-small.line-height | 32pt md.sys.typescale.headline-small.line-height |
Headline Small opszmd.sys.typescale.headline-small.opsz | AxisValue: Tag: opsz · Value: 24 md.sys.typescale.headline-small.opsz |
Headline Small rondmd.sys.typescale.headline-small.rond | AxisValue: Tag: ROND md.sys.typescale.headline-small.rond |
Headline Small font sizemd.sys.typescale.headline-small.size | 24pt md.sys.typescale.headline-small.size |
Headline Small slntmd.sys.typescale.headline-small.slnt | AxisValue: Tag: slnt md.sys.typescale.headline-small.slnt |
Headline Small font trackingmd.sys.typescale.headline-small.tracking | 0pt md.sys.typescale.headline-small.tracking |
Headline Small wdthmd.sys.typescale.headline-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.headline-small.wdth |
Headline Small font weightmd.sys.typescale.headline-small.weight | 400 md.sys.typescale.headline-small.weight
|
Headline Small wghtmd.sys.typescale.headline-small.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.headline-small.wght |
Title styles
Title Large
| Token | Value |
|---|---|
Title Largemd.sys.typescale.title-large | Roboto · 22pt · weight 400 · line height 28pt · tracking 0pt md.sys.typescale.title-large
|
Title Large crsvmd.sys.typescale.title-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.title-large.crsv |
Title Large fillmd.sys.typescale.title-large.fill | AxisValue: Tag: FILL md.sys.typescale.title-large.fill |
Title Large font namemd.sys.typescale.title-large.font | Roboto md.sys.typescale.title-large.font
|
Title Large gradmd.sys.typescale.title-large.grad | AxisValue: Tag: GRAD md.sys.typescale.title-large.grad |
Title Large hexpmd.sys.typescale.title-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.title-large.hexp |
Title Large line heightmd.sys.typescale.title-large.line-height | 28pt md.sys.typescale.title-large.line-height |
Title Large opszmd.sys.typescale.title-large.opsz | AxisValue: Tag: opsz · Value: 22 md.sys.typescale.title-large.opsz |
Title Large rondmd.sys.typescale.title-large.rond | AxisValue: Tag: ROND md.sys.typescale.title-large.rond |
Title Large font sizemd.sys.typescale.title-large.size | 22pt md.sys.typescale.title-large.size |
Title Large slntmd.sys.typescale.title-large.slnt | AxisValue: Tag: slnt md.sys.typescale.title-large.slnt |
Title Large font trackingmd.sys.typescale.title-large.tracking | 0pt md.sys.typescale.title-large.tracking |
Title Large wdthmd.sys.typescale.title-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.title-large.wdth |
Title Large font weightmd.sys.typescale.title-large.weight | 400 md.sys.typescale.title-large.weight
|
Title Large wghtmd.sys.typescale.title-large.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.title-large.wght |
Title Medium
| Token | Value |
|---|---|
Title Mediummd.sys.typescale.title-medium | Roboto · 16pt · weight 500 · line height 24pt · tracking 0.15pt md.sys.typescale.title-medium
|
Title Medium crsvmd.sys.typescale.title-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.title-medium.crsv |
Title Medium fillmd.sys.typescale.title-medium.fill | AxisValue: Tag: FILL md.sys.typescale.title-medium.fill |
Title Medium font namemd.sys.typescale.title-medium.font | Roboto md.sys.typescale.title-medium.font
|
Title Medium gradmd.sys.typescale.title-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.title-medium.grad |
Title Medium hexpmd.sys.typescale.title-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.title-medium.hexp |
Title Medium line heightmd.sys.typescale.title-medium.line-height | 24pt md.sys.typescale.title-medium.line-height |
Title Medium opszmd.sys.typescale.title-medium.opsz | AxisValue: Tag: opsz · Value: 16 md.sys.typescale.title-medium.opsz |
Title Medium rondmd.sys.typescale.title-medium.rond | AxisValue: Tag: ROND md.sys.typescale.title-medium.rond |
Title Medium font sizemd.sys.typescale.title-medium.size | 16pt md.sys.typescale.title-medium.size |
Title Medium slntmd.sys.typescale.title-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.title-medium.slnt |
Title Medium font trackingmd.sys.typescale.title-medium.tracking | 0.15pt md.sys.typescale.title-medium.tracking |
Title Medium wdthmd.sys.typescale.title-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.title-medium.wdth |
Title Medium font weightmd.sys.typescale.title-medium.weight | 500 md.sys.typescale.title-medium.weight
|
Title Medium wghtmd.sys.typescale.title-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.title-medium.wght |
Title Small
| Token | Value |
|---|---|
Title Smallmd.sys.typescale.title-small | Roboto · 14pt · weight 500 · line height 20pt · tracking 0.1pt md.sys.typescale.title-small
|
Title Small crsvmd.sys.typescale.title-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.title-small.crsv |
Title Small fillmd.sys.typescale.title-small.fill | AxisValue: Tag: FILL md.sys.typescale.title-small.fill |
Title Small font namemd.sys.typescale.title-small.font | Roboto md.sys.typescale.title-small.font
|
Title Small gradmd.sys.typescale.title-small.grad | AxisValue: Tag: GRAD md.sys.typescale.title-small.grad |
Title Small hexpmd.sys.typescale.title-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.title-small.hexp |
Title Small line heightmd.sys.typescale.title-small.line-height | 20pt md.sys.typescale.title-small.line-height |
Title Small opszmd.sys.typescale.title-small.opsz | AxisValue: Tag: opsz · Value: 14 md.sys.typescale.title-small.opsz |
Title Small rondmd.sys.typescale.title-small.rond | AxisValue: Tag: ROND md.sys.typescale.title-small.rond |
Title Small font sizemd.sys.typescale.title-small.size | 14pt md.sys.typescale.title-small.size |
Title Small slntmd.sys.typescale.title-small.slnt | AxisValue: Tag: slnt md.sys.typescale.title-small.slnt |
Title Small font trackingmd.sys.typescale.title-small.tracking | 0.1pt md.sys.typescale.title-small.tracking |
Title Small wdthmd.sys.typescale.title-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.title-small.wdth |
Title Small font weightmd.sys.typescale.title-small.weight | 500 md.sys.typescale.title-small.weight
|
Title Small wghtmd.sys.typescale.title-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.title-small.wght |
Body styles
Body Large
| Token | Value |
|---|---|
Body Largemd.sys.typescale.body-large | Roboto · 16pt · weight 400 · line height 24pt · tracking 0.5pt md.sys.typescale.body-large
|
Body Large crsvmd.sys.typescale.body-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.body-large.crsv |
Body Large fillmd.sys.typescale.body-large.fill | AxisValue: Tag: FILL md.sys.typescale.body-large.fill |
Body Large font namemd.sys.typescale.body-large.font | Roboto md.sys.typescale.body-large.font
|
Body Large gradmd.sys.typescale.body-large.grad | AxisValue: Tag: GRAD md.sys.typescale.body-large.grad |
Body Large hexpmd.sys.typescale.body-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.body-large.hexp |
Body Large line heightmd.sys.typescale.body-large.line-height | 24pt md.sys.typescale.body-large.line-height |
Body Large opszmd.sys.typescale.body-large.opsz | AxisValue: Tag: opsz · Value: 16 md.sys.typescale.body-large.opsz |
Body Large rondmd.sys.typescale.body-large.rond | AxisValue: Tag: ROND md.sys.typescale.body-large.rond |
Body Large font sizemd.sys.typescale.body-large.size | 16pt md.sys.typescale.body-large.size |
Body Large slntmd.sys.typescale.body-large.slnt | AxisValue: Tag: slnt md.sys.typescale.body-large.slnt |
Body Large font trackingmd.sys.typescale.body-large.tracking | 0.5pt md.sys.typescale.body-large.tracking |
Body Large wdthmd.sys.typescale.body-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.body-large.wdth |
Body Large font weightmd.sys.typescale.body-large.weight | 400 md.sys.typescale.body-large.weight
|
Body Large wghtmd.sys.typescale.body-large.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.body-large.wght |
Body Medium
| Token | Value |
|---|---|
Body Mediummd.sys.typescale.body-medium | Roboto · 14pt · weight 400 · line height 20pt · tracking 0.25pt md.sys.typescale.body-medium
|
Body Medium crsvmd.sys.typescale.body-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.body-medium.crsv |
Body Medium fillmd.sys.typescale.body-medium.fill | AxisValue: Tag: FILL md.sys.typescale.body-medium.fill |
Body Medium font namemd.sys.typescale.body-medium.font | Roboto md.sys.typescale.body-medium.font
|
Body Medium gradmd.sys.typescale.body-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.body-medium.grad |
Body Medium hexpmd.sys.typescale.body-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.body-medium.hexp |
Body Medium line heightmd.sys.typescale.body-medium.line-height | 20pt md.sys.typescale.body-medium.line-height |
Body Medium opszmd.sys.typescale.body-medium.opsz | AxisValue: Tag: opsz · Value: 14 md.sys.typescale.body-medium.opsz |
Body Medium rondmd.sys.typescale.body-medium.rond | AxisValue: Tag: ROND md.sys.typescale.body-medium.rond |
Body Medium font sizemd.sys.typescale.body-medium.size | 14pt md.sys.typescale.body-medium.size |
Body Medium slntmd.sys.typescale.body-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.body-medium.slnt |
Body Medium font trackingmd.sys.typescale.body-medium.tracking | 0.25pt md.sys.typescale.body-medium.tracking |
Body Medium wdthmd.sys.typescale.body-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.body-medium.wdth |
Body Medium font weightmd.sys.typescale.body-medium.weight | 400 md.sys.typescale.body-medium.weight
|
Body Medium wghtmd.sys.typescale.body-medium.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.body-medium.wght |
Body Small
| Token | Value |
|---|---|
Body Smallmd.sys.typescale.body-small | Roboto · 12pt · weight 400 · line height 16pt · tracking 0.4pt md.sys.typescale.body-small
|
Body Small crsvmd.sys.typescale.body-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.body-small.crsv |
Body Small fillmd.sys.typescale.body-small.fill | AxisValue: Tag: FILL md.sys.typescale.body-small.fill |
Body Small font namemd.sys.typescale.body-small.font | Roboto md.sys.typescale.body-small.font
|
Body Small gradmd.sys.typescale.body-small.grad | AxisValue: Tag: GRAD md.sys.typescale.body-small.grad |
Body Small hexpmd.sys.typescale.body-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.body-small.hexp |
Body Small line heightmd.sys.typescale.body-small.line-height | 16pt md.sys.typescale.body-small.line-height |
Body Small opszmd.sys.typescale.body-small.opsz | AxisValue: Tag: opsz · Value: 12 md.sys.typescale.body-small.opsz |
Body Small rondmd.sys.typescale.body-small.rond | AxisValue: Tag: ROND md.sys.typescale.body-small.rond |
Body Small font sizemd.sys.typescale.body-small.size | 12pt md.sys.typescale.body-small.size |
Body Small slntmd.sys.typescale.body-small.slnt | AxisValue: Tag: slnt md.sys.typescale.body-small.slnt |
Body Small font trackingmd.sys.typescale.body-small.tracking | 0.4pt md.sys.typescale.body-small.tracking |
Body Small wdthmd.sys.typescale.body-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.body-small.wdth |
Body Small font weightmd.sys.typescale.body-small.weight | 400 md.sys.typescale.body-small.weight
|
Body Small wghtmd.sys.typescale.body-small.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.body-small.wght |
Label styles
Label Large
| Token | Value |
|---|---|
Label Largemd.sys.typescale.label-large | Roboto · 14pt · weight 500 · line height 20pt · tracking 0.1pt md.sys.typescale.label-large
|
Label Large fillmd.sys.typescale.label-large-fill | AxisValue: Tag: FILL md.sys.typescale.label-large-fill |
Label Large crsvmd.sys.typescale.label-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.label-large.crsv |
Label Large font namemd.sys.typescale.label-large.font | Roboto md.sys.typescale.label-large.font
|
Label Large gradmd.sys.typescale.label-large.grad | AxisValue: Tag: GRAD md.sys.typescale.label-large.grad |
Label Large hexpmd.sys.typescale.label-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.label-large.hexp |
Label Large line heightmd.sys.typescale.label-large.line-height | 20pt md.sys.typescale.label-large.line-height |
Label Large opszmd.sys.typescale.label-large.opsz | AxisValue: Tag: opsz · Value: 14 md.sys.typescale.label-large.opsz |
Label Large rondmd.sys.typescale.label-large.rond | AxisValue: Tag: ROND md.sys.typescale.label-large.rond |
Label Large font sizemd.sys.typescale.label-large.size | 14pt md.sys.typescale.label-large.size |
Label Large slntmd.sys.typescale.label-large.slnt | AxisValue: Tag: slnt md.sys.typescale.label-large.slnt |
Label Large font trackingmd.sys.typescale.label-large.tracking | 0.1pt md.sys.typescale.label-large.tracking |
Label Large wdthmd.sys.typescale.label-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.label-large.wdth |
Label Large font weightmd.sys.typescale.label-large.weight | 500 md.sys.typescale.label-large.weight
|
Label Large font weight prominentmd.sys.typescale.label-large.weight.prominent | 700 md.sys.typescale.label-large.weight.prominent
|
Label Large wghtmd.sys.typescale.label-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.label-large.wght |
Label Medium
| Token | Value |
|---|---|
Label Mediummd.sys.typescale.label-medium | Roboto · 12pt · weight 500 · line height 16pt · tracking 0.5pt md.sys.typescale.label-medium
|
Label Medium crsvmd.sys.typescale.label-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.label-medium.crsv |
Label Medium fillmd.sys.typescale.label-medium.fill | AxisValue: Tag: FILL md.sys.typescale.label-medium.fill |
Label Medium font namemd.sys.typescale.label-medium.font | Roboto md.sys.typescale.label-medium.font
|
Label Medium gradmd.sys.typescale.label-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.label-medium.grad |
Label Medium hexpmd.sys.typescale.label-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.label-medium.hexp |
Label Medium line heightmd.sys.typescale.label-medium.line-height | 16pt md.sys.typescale.label-medium.line-height |
Label Medium opszmd.sys.typescale.label-medium.opsz | AxisValue: Tag: opsz · Value: 12 md.sys.typescale.label-medium.opsz |
Label Medium rondmd.sys.typescale.label-medium.rond | AxisValue: Tag: ROND md.sys.typescale.label-medium.rond |
Label Medium font sizemd.sys.typescale.label-medium.size | 12pt md.sys.typescale.label-medium.size |
Label Medium slntmd.sys.typescale.label-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.label-medium.slnt |
Label Medium text transformmd.sys.typescale.label-medium.text-transform | TextTransform: TEXT_TRANSFORM_NONE md.sys.typescale.label-medium.text-transform |
Label Medium font trackingmd.sys.typescale.label-medium.tracking | 0.5pt md.sys.typescale.label-medium.tracking |
Label Medium wdthmd.sys.typescale.label-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.label-medium.wdth |
Label Medium font weightmd.sys.typescale.label-medium.weight | 500 md.sys.typescale.label-medium.weight
|
Label Medium font weight prominentmd.sys.typescale.label-medium.weight.prominent | 700 md.sys.typescale.label-medium.weight.prominent
|
Label Medium wghtmd.sys.typescale.label-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.label-medium.wght |
Label Small
| Token | Value |
|---|---|
Label Smallmd.sys.typescale.label-small | Roboto · 11pt · weight 500 · line height 16pt · tracking 0.5pt md.sys.typescale.label-small
|
Label Small crsvmd.sys.typescale.label-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.label-small.crsv |
Label Small fillmd.sys.typescale.label-small.fill | AxisValue: Tag: FILL md.sys.typescale.label-small.fill |
Label Small font namemd.sys.typescale.label-small.font | Roboto md.sys.typescale.label-small.font
|
Label Small gradmd.sys.typescale.label-small.grad | AxisValue: Tag: GRAD md.sys.typescale.label-small.grad |
Label Small hexpmd.sys.typescale.label-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.label-small.hexp |
Label Small line heightmd.sys.typescale.label-small.line-height | 16pt md.sys.typescale.label-small.line-height |
Label Small opszmd.sys.typescale.label-small.opsz | AxisValue: Tag: opsz · Value: 11 md.sys.typescale.label-small.opsz |
Label Small rondmd.sys.typescale.label-small.rond | AxisValue: Tag: ROND md.sys.typescale.label-small.rond |
Label Small font sizemd.sys.typescale.label-small.size | 11pt md.sys.typescale.label-small.size |
Label Small slntmd.sys.typescale.label-small.slnt | AxisValue: Tag: slnt md.sys.typescale.label-small.slnt |
Label Small font trackingmd.sys.typescale.label-small.tracking | 0.5pt md.sys.typescale.label-small.tracking |
Label Small wdthmd.sys.typescale.label-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.label-small.wdth |
Label Small font weightmd.sys.typescale.label-small.weight | 500 md.sys.typescale.label-small.weight
|
Label Small wghtmd.sys.typescale.label-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.label-small.wght |
Type scale - Variable
Display styles
Display Large
| Token | Value |
|---|---|
Display Largemd.sys.typescale.variable.display-large | Roboto Flex · 57pt · weight 400 · line height 64pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.display-large
|
Display Large crsvmd.sys.typescale.variable.display-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.display-large.crsv |
Display Large font namemd.sys.typescale.variable.display-large.font | Roboto Flex md.sys.typescale.variable.display-large.font
|
Display Large gradmd.sys.typescale.variable.display-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.display-large.grad |
Display Large line heightmd.sys.typescale.variable.display-large.line-height | 64pt md.sys.typescale.variable.display-large.line-height |
Display Large opszmd.sys.typescale.variable.display-large.opsz | — md.sys.typescale.variable.display-large.opsz |
Display Large rondmd.sys.typescale.variable.display-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.display-large.rond |
Display Large font sizemd.sys.typescale.variable.display-large.size | 57pt md.sys.typescale.variable.display-large.size |
Display Large slntmd.sys.typescale.variable.display-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.display-large.slnt |
Display Large font trackingmd.sys.typescale.variable.display-large.tracking | 0pt md.sys.typescale.variable.display-large.tracking |
Display Large wdthmd.sys.typescale.variable.display-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.display-large.wdth |
Display Large weightmd.sys.typescale.variable.display-large.weight | 400 md.sys.typescale.variable.display-large.weight
|
Display Large wghtmd.sys.typescale.variable.display-large.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.display-large.wght
|
Display Medium
| Token | Value |
|---|---|
Display Mediummd.sys.typescale.variable.display-medium | Roboto Flex · 45pt · weight 400 · line height 52pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.display-medium
|
Display Medium crsvmd.sys.typescale.variable.display-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.display-medium.crsv |
Display Medium font namemd.sys.typescale.variable.display-medium.font | Roboto Flex md.sys.typescale.variable.display-medium.font
|
Display Medium gradmd.sys.typescale.variable.display-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.display-medium.grad |
Display Medium line heightmd.sys.typescale.variable.display-medium.line-height | 52pt md.sys.typescale.variable.display-medium.line-height |
Display Medium opszmd.sys.typescale.variable.display-medium.opsz | — md.sys.typescale.variable.display-medium.opsz |
Display Medium rondmd.sys.typescale.variable.display-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.display-medium.rond |
Display Medium font sizemd.sys.typescale.variable.display-medium.size | 45pt md.sys.typescale.variable.display-medium.size |
Display Medium slntmd.sys.typescale.variable.display-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.display-medium.slnt |
Display Medium font trackingmd.sys.typescale.variable.display-medium.tracking | 0pt md.sys.typescale.variable.display-medium.tracking |
Display Medium wdthmd.sys.typescale.variable.display-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.display-medium.wdth |
Display Medium weightmd.sys.typescale.variable.display-medium.weight | 400 md.sys.typescale.variable.display-medium.weight
|
Display Medium wghtmd.sys.typescale.variable.display-medium.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.display-medium.wght
|
Display Small
| Token | Value |
|---|---|
Display Smallmd.sys.typescale.variable.display-small | Roboto Flex · 36pt · weight 400 · line height 44pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.display-small
|
Display Small crsvmd.sys.typescale.variable.display-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.display-small.crsv |
Display Small font namemd.sys.typescale.variable.display-small.font | Roboto Flex md.sys.typescale.variable.display-small.font
|
Display Small gradmd.sys.typescale.variable.display-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.display-small.grad |
Display Small line heightmd.sys.typescale.variable.display-small.line-height | 44pt md.sys.typescale.variable.display-small.line-height |
Display Small opszmd.sys.typescale.variable.display-small.opsz | — md.sys.typescale.variable.display-small.opsz |
Display Small rondmd.sys.typescale.variable.display-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.display-small.rond |
Display Small font sizemd.sys.typescale.variable.display-small.size | 36pt md.sys.typescale.variable.display-small.size |
Display Small slntmd.sys.typescale.variable.display-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.display-small.slnt |
Display Small font trackingmd.sys.typescale.variable.display-small.tracking | 0pt md.sys.typescale.variable.display-small.tracking |
Display Small wdthmd.sys.typescale.variable.display-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.display-small.wdth |
Display Small weightmd.sys.typescale.variable.display-small.weight | 400 md.sys.typescale.variable.display-small.weight
|
Display Small wghtmd.sys.typescale.variable.display-small.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.display-small.wght
|
Headline styles
Headline Large
| Token | Value |
|---|---|
Headline Largemd.sys.typescale.variable.headline-large | Roboto Flex · 32pt · weight 400 · line height 40pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.headline-large
|
Headline Large crsvmd.sys.typescale.variable.headline-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.headline-large.crsv |
Headline Large font namemd.sys.typescale.variable.headline-large.font | Roboto Flex md.sys.typescale.variable.headline-large.font
|
Headline Large gradmd.sys.typescale.variable.headline-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.headline-large.grad |
Headline Large line heightmd.sys.typescale.variable.headline-large.line-height | 40pt md.sys.typescale.variable.headline-large.line-height |
Headline Large opszmd.sys.typescale.variable.headline-large.opsz | — md.sys.typescale.variable.headline-large.opsz |
Headline Large rondmd.sys.typescale.variable.headline-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.headline-large.rond |
Headline Large font sizemd.sys.typescale.variable.headline-large.size | 32pt md.sys.typescale.variable.headline-large.size |
Headline Large slntmd.sys.typescale.variable.headline-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.headline-large.slnt |
Headline Large font trackingmd.sys.typescale.variable.headline-large.tracking | 0pt md.sys.typescale.variable.headline-large.tracking |
Headline Large wdthmd.sys.typescale.variable.headline-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.headline-large.wdth |
Headline Large weightmd.sys.typescale.variable.headline-large.weight | 400 md.sys.typescale.variable.headline-large.weight
|
Headline Large wghtmd.sys.typescale.variable.headline-large.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.headline-large.wght
|
Headline Medium
| Token | Value |
|---|---|
Headline Mediummd.sys.typescale.variable.headline-medium | Roboto Flex · 28pt · weight 400 · line height 36pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.headline-medium
|
Headline Medium crsvmd.sys.typescale.variable.headline-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.headline-medium.crsv |
Headline Medium font namemd.sys.typescale.variable.headline-medium.font | Roboto Flex md.sys.typescale.variable.headline-medium.font
|
Headline Medium gradmd.sys.typescale.variable.headline-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.headline-medium.grad |
Headline Medium line heightmd.sys.typescale.variable.headline-medium.line-height | 36pt md.sys.typescale.variable.headline-medium.line-height |
Headline Medium opszmd.sys.typescale.variable.headline-medium.opsz | — md.sys.typescale.variable.headline-medium.opsz |
Headline Medium rondmd.sys.typescale.variable.headline-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.headline-medium.rond |
Headline Medium font sizemd.sys.typescale.variable.headline-medium.size | 28pt md.sys.typescale.variable.headline-medium.size |
Headline Medium slntmd.sys.typescale.variable.headline-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.headline-medium.slnt |
Headline Medium font trackingmd.sys.typescale.variable.headline-medium.tracking | 0pt md.sys.typescale.variable.headline-medium.tracking |
Headline Medium wdthmd.sys.typescale.variable.headline-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.headline-medium.wdth |
Headline Medium weightmd.sys.typescale.variable.headline-medium.weight | 400 md.sys.typescale.variable.headline-medium.weight
|
Headline Medium wghtmd.sys.typescale.variable.headline-medium.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.headline-medium.wght
|
Headline Small
| Token | Value |
|---|---|
Headline Smallmd.sys.typescale.variable.headline-small | Roboto Flex · 24pt · weight 400 · line height 32pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.headline-small
|
Headline Small crsvmd.sys.typescale.variable.headline-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.headline-small.crsv |
Headline Small font namemd.sys.typescale.variable.headline-small.font | Roboto Flex md.sys.typescale.variable.headline-small.font
|
Headline Small gradmd.sys.typescale.variable.headline-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.headline-small.grad |
Headline Small line heightmd.sys.typescale.variable.headline-small.line-height | 32pt md.sys.typescale.variable.headline-small.line-height |
Headline Small opszmd.sys.typescale.variable.headline-small.opsz | — md.sys.typescale.variable.headline-small.opsz |
Headline Small rondmd.sys.typescale.variable.headline-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.headline-small.rond |
Headline Small font sizemd.sys.typescale.variable.headline-small.size | 24pt md.sys.typescale.variable.headline-small.size |
Headline Small slntmd.sys.typescale.variable.headline-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.headline-small.slnt |
Headline Small font trackingmd.sys.typescale.variable.headline-small.tracking | 0pt md.sys.typescale.variable.headline-small.tracking |
Headline Small wdthmd.sys.typescale.variable.headline-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.headline-small.wdth |
Headline Small weightmd.sys.typescale.variable.headline-small.weight | 400 md.sys.typescale.variable.headline-small.weight
|
Headline Small wghtmd.sys.typescale.variable.headline-small.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.headline-small.wght
|
Title styles
Title Large
| Token | Value |
|---|---|
Title Largemd.sys.typescale.variable.title-large | Roboto Flex · 22pt · weight 400 · line height 28pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.title-large
|
Title Large crsvmd.sys.typescale.variable.title-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.title-large.crsv |
Title Large font namemd.sys.typescale.variable.title-large.font | Roboto Flex md.sys.typescale.variable.title-large.font
|
Title Large gradmd.sys.typescale.variable.title-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.title-large.grad |
Title Large line heightmd.sys.typescale.variable.title-large.line-height | 28pt md.sys.typescale.variable.title-large.line-height |
Title Large opszmd.sys.typescale.variable.title-large.opsz | — md.sys.typescale.variable.title-large.opsz |
Title Large rondmd.sys.typescale.variable.title-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.title-large.rond |
Title Large font sizemd.sys.typescale.variable.title-large.size | 22pt md.sys.typescale.variable.title-large.size |
Title Large slntmd.sys.typescale.variable.title-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.title-large.slnt |
Title Large font trackingmd.sys.typescale.variable.title-large.tracking | 0pt md.sys.typescale.variable.title-large.tracking |
Title Large wdthmd.sys.typescale.variable.title-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.title-large.wdth |
Title Large weightmd.sys.typescale.variable.title-large.weight | 400 md.sys.typescale.variable.title-large.weight
|
Title Large wghtmd.sys.typescale.variable.title-large.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.title-large.wght
|
Title Medium
| Token | Value |
|---|---|
Title Mediummd.sys.typescale.variable.title-medium | Roboto Flex · 16pt · weight 500 · line height 24pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.title-medium
|
Title Medium crsvmd.sys.typescale.variable.title-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.title-medium.crsv |
Title Medium font namemd.sys.typescale.variable.title-medium.font | Roboto Flex md.sys.typescale.variable.title-medium.font
|
Title Medium gradmd.sys.typescale.variable.title-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.title-medium.grad |
Title Medium line heightmd.sys.typescale.variable.title-medium.line-height | 24pt md.sys.typescale.variable.title-medium.line-height |
Title Medium opszmd.sys.typescale.variable.title-medium.opsz | — md.sys.typescale.variable.title-medium.opsz |
Title Medium rondmd.sys.typescale.variable.title-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.title-medium.rond |
Title Medium font sizemd.sys.typescale.variable.title-medium.size | 16pt md.sys.typescale.variable.title-medium.size |
Title Medium slntmd.sys.typescale.variable.title-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.title-medium.slnt |
Title Medium font trackingmd.sys.typescale.variable.title-medium.tracking | 0pt md.sys.typescale.variable.title-medium.tracking |
Title Medium wdthmd.sys.typescale.variable.title-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.title-medium.wdth |
Title Medium weightmd.sys.typescale.variable.title-medium.weight | 500 md.sys.typescale.variable.title-medium.weight
|
Title Medium wghtmd.sys.typescale.variable.title-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.title-medium.wght
|
Title Small
| Token | Value |
|---|---|
Title Smallmd.sys.typescale.variable.title-small | Roboto Flex · 14pt · weight 500 · line height 20pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.title-small
|
Title Small crsvmd.sys.typescale.variable.title-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.title-small.crsv |
Title Small font namemd.sys.typescale.variable.title-small.font | Roboto Flex md.sys.typescale.variable.title-small.font
|
Title Small gradmd.sys.typescale.variable.title-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.title-small.grad |
Title Small line heightmd.sys.typescale.variable.title-small.line-height | 20pt md.sys.typescale.variable.title-small.line-height |
Title Small opszmd.sys.typescale.variable.title-small.opsz | — md.sys.typescale.variable.title-small.opsz |
Title Small rondmd.sys.typescale.variable.title-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.title-small.rond |
Title Small font sizemd.sys.typescale.variable.title-small.size | 14pt md.sys.typescale.variable.title-small.size |
Title Small slntmd.sys.typescale.variable.title-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.title-small.slnt |
Title Small font trackingmd.sys.typescale.variable.title-small.tracking | 0pt md.sys.typescale.variable.title-small.tracking |
Title Small wdthmd.sys.typescale.variable.title-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.title-small.wdth |
Title Small weightmd.sys.typescale.variable.title-small.weight | 500 md.sys.typescale.variable.title-small.weight
|
Title Small wghtmd.sys.typescale.variable.title-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.title-small.wght
|
Body styles
Body Large
| Token | Value |
|---|---|
Body Largemd.sys.typescale.variable.body-large | Roboto Flex · 16pt · weight 400 · line height 24pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.body-large
|
Body Large crsvmd.sys.typescale.variable.body-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.body-large.crsv |
Body Large font namemd.sys.typescale.variable.body-large.font | Roboto Flex md.sys.typescale.variable.body-large.font
|
Body Large gradmd.sys.typescale.variable.body-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.body-large.grad |
Body Large line heightmd.sys.typescale.variable.body-large.line-height | 24pt md.sys.typescale.variable.body-large.line-height |
Body Large opszmd.sys.typescale.variable.body-large.opsz | — md.sys.typescale.variable.body-large.opsz |
Body Large rondmd.sys.typescale.variable.body-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.body-large.rond |
Body Large font sizemd.sys.typescale.variable.body-large.size | 16pt md.sys.typescale.variable.body-large.size |
Body Large slntmd.sys.typescale.variable.body-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.body-large.slnt |
Body Large font trackingmd.sys.typescale.variable.body-large.tracking | 0pt md.sys.typescale.variable.body-large.tracking |
Body Large wdthmd.sys.typescale.variable.body-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.body-large.wdth |
Body Large weightmd.sys.typescale.variable.body-large.weight | 400 md.sys.typescale.variable.body-large.weight
|
Body Large wghtmd.sys.typescale.variable.body-large.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.body-large.wght
|
Body Medium
| Token | Value |
|---|---|
Body Mediummd.sys.typescale.variable.body-medium | Roboto Flex · 14pt · weight 400 · line height 20pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.body-medium
|
Body Medium crsvmd.sys.typescale.variable.body-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.body-medium.crsv |
Body Medium font namemd.sys.typescale.variable.body-medium.font | Roboto Flex md.sys.typescale.variable.body-medium.font
|
Body Medium gradmd.sys.typescale.variable.body-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.body-medium.grad |
Body Medium line heightmd.sys.typescale.variable.body-medium.line-height | 20pt md.sys.typescale.variable.body-medium.line-height |
Body Medium opszmd.sys.typescale.variable.body-medium.opsz | — md.sys.typescale.variable.body-medium.opsz |
Body Medium rondmd.sys.typescale.variable.body-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.body-medium.rond |
Body Medium font sizemd.sys.typescale.variable.body-medium.size | 14pt md.sys.typescale.variable.body-medium.size |
Body Medium slntmd.sys.typescale.variable.body-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.body-medium.slnt |
Body Medium font trackingmd.sys.typescale.variable.body-medium.tracking | 0pt md.sys.typescale.variable.body-medium.tracking |
Body Medium wdthmd.sys.typescale.variable.body-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.body-medium.wdth |
Body Medium weightmd.sys.typescale.variable.body-medium.weight | 400 md.sys.typescale.variable.body-medium.weight
|
Body Medium wghtmd.sys.typescale.variable.body-medium.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.body-medium.wght
|
Body Small
| Token | Value |
|---|---|
Body Smallmd.sys.typescale.variable.body-small | Roboto Flex · 12pt · weight 400 · line height 16pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 400 md.sys.typescale.variable.body-small
|
Body Small crsvmd.sys.typescale.variable.body-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.body-small.crsv |
Body Small font namemd.sys.typescale.variable.body-small.font | Roboto Flex md.sys.typescale.variable.body-small.font
|
Body Small gradmd.sys.typescale.variable.body-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.body-small.grad |
Body Small line heightmd.sys.typescale.variable.body-small.line-height | 16pt md.sys.typescale.variable.body-small.line-height |
Body Small opszmd.sys.typescale.variable.body-small.opsz | — md.sys.typescale.variable.body-small.opsz |
Body Small rondmd.sys.typescale.variable.body-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.body-small.rond |
Body Small font sizemd.sys.typescale.variable.body-small.size | 12pt md.sys.typescale.variable.body-small.size |
Body Small slntmd.sys.typescale.variable.body-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.body-small.slnt |
Body Small font trackingmd.sys.typescale.variable.body-small.tracking | 0pt md.sys.typescale.variable.body-small.tracking |
Body Small wdthmd.sys.typescale.variable.body-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.body-small.wdth |
Body Small weightmd.sys.typescale.variable.body-small.weight | 400 md.sys.typescale.variable.body-small.weight
|
Body Small wghtmd.sys.typescale.variable.body-small.wght | AxisValue: Tag: wght · Value: 400 md.sys.typescale.variable.body-small.wght
|
Label styles
Label Large
| Token | Value |
|---|---|
Label Largemd.sys.typescale.variable.label-large | Roboto Flex · 14pt · weight 500 · line height 20pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.label-large
|
Label Large crsvmd.sys.typescale.variable.label-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.label-large.crsv |
Label Large font namemd.sys.typescale.variable.label-large.font | Roboto Flex md.sys.typescale.variable.label-large.font
|
Label Large gradmd.sys.typescale.variable.label-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.label-large.grad |
Label Large line heightmd.sys.typescale.variable.label-large.line-height | 20pt md.sys.typescale.variable.label-large.line-height |
Label Large opszmd.sys.typescale.variable.label-large.opsz | — md.sys.typescale.variable.label-large.opsz |
Label Large rondmd.sys.typescale.variable.label-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.label-large.rond |
Label Large font sizemd.sys.typescale.variable.label-large.size | 14pt md.sys.typescale.variable.label-large.size |
Label Large slntmd.sys.typescale.variable.label-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.label-large.slnt |
Label Large font trackingmd.sys.typescale.variable.label-large.tracking | 0pt md.sys.typescale.variable.label-large.tracking |
Label Large wdthmd.sys.typescale.variable.label-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.label-large.wdth |
Label Large weightmd.sys.typescale.variable.label-large.weight | 500 md.sys.typescale.variable.label-large.weight
|
Label Large wghtmd.sys.typescale.variable.label-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.label-large.wght
|
Label Medium
| Token | Value |
|---|---|
Label Mediummd.sys.typescale.variable.label-medium | Roboto Flex · 12pt · weight 500 · line height 16pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.label-medium
|
Label Medium crsvmd.sys.typescale.variable.label-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.label-medium.crsv |
Label Medium font namemd.sys.typescale.variable.label-medium.font | Roboto Flex md.sys.typescale.variable.label-medium.font
|
Label Medium gradmd.sys.typescale.variable.label-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.label-medium.grad |
Label Medium line heightmd.sys.typescale.variable.label-medium.line-height | 16pt md.sys.typescale.variable.label-medium.line-height |
Label Medium opszmd.sys.typescale.variable.label-medium.opsz | — md.sys.typescale.variable.label-medium.opsz |
Label Medium rondmd.sys.typescale.variable.label-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.label-medium.rond |
Label Medium font sizemd.sys.typescale.variable.label-medium.size | 12pt md.sys.typescale.variable.label-medium.size |
Label Medium slntmd.sys.typescale.variable.label-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.label-medium.slnt |
Label Medium font trackingmd.sys.typescale.variable.label-medium.tracking | 0pt md.sys.typescale.variable.label-medium.tracking |
Label Medium wdthmd.sys.typescale.variable.label-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.label-medium.wdth |
Label Medium weightmd.sys.typescale.variable.label-medium.weight | 500 md.sys.typescale.variable.label-medium.weight
|
Label Medium wghtmd.sys.typescale.variable.label-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.label-medium.wght
|
Label Small
| Token | Value |
|---|---|
Label Smallmd.sys.typescale.variable.label-small | Roboto Flex · 11pt · weight 500 · line height 16pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.label-small
|
Label Small crsvmd.sys.typescale.variable.label-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.label-small.crsv |
Label Small font namemd.sys.typescale.variable.label-small.font | Roboto Flex md.sys.typescale.variable.label-small.font
|
Label Small gradmd.sys.typescale.variable.label-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.label-small.grad |
Label Small line heightmd.sys.typescale.variable.label-small.line-height | 16pt md.sys.typescale.variable.label-small.line-height |
Label Small opszmd.sys.typescale.variable.label-small.opsz | — md.sys.typescale.variable.label-small.opsz |
Label Small rondmd.sys.typescale.variable.label-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.label-small.rond |
Label Small font sizemd.sys.typescale.variable.label-small.size | 11pt md.sys.typescale.variable.label-small.size |
Label Small slntmd.sys.typescale.variable.label-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.label-small.slnt |
Label Small font trackingmd.sys.typescale.variable.label-small.tracking | 0pt md.sys.typescale.variable.label-small.tracking |
Label Small wdthmd.sys.typescale.variable.label-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.label-small.wdth |
Label Small weightmd.sys.typescale.variable.label-small.weight | 500 md.sys.typescale.variable.label-small.weight
|
Label Small wghtmd.sys.typescale.variable.label-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.label-small.wght
|
Type scale - Emphasized
Emphasized Display styles
Emphasized Display Large
| Token | Value |
|---|---|
Emphasized Display Largemd.sys.typescale.emphasized.display-large | Roboto · 57pt · weight 500 · line height 64pt · tracking -0.25pt md.sys.typescale.emphasized.display-large
|
Emphasized Display Large crsvmd.sys.typescale.emphasized.display-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.display-large.crsv |
Emphasized Display Large fillmd.sys.typescale.emphasized.display-large.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.display-large.fill |
Emphasized Display Large fontmd.sys.typescale.emphasized.display-large.font | Roboto md.sys.typescale.emphasized.display-large.font
|
Emphasized Display Large gradmd.sys.typescale.emphasized.display-large.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.display-large.grad |
Emphasized Display Large hexpmd.sys.typescale.emphasized.display-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.display-large.hexp |
Emphasized Display Large line heightmd.sys.typescale.emphasized.display-large.line-height | 64pt md.sys.typescale.emphasized.display-large.line-height |
Emphasized Display Large opszmd.sys.typescale.emphasized.display-large.opsz | AxisValue: Tag: opsz · Value: 57 md.sys.typescale.emphasized.display-large.opsz |
Emphasized Display Large rondmd.sys.typescale.emphasized.display-large.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.display-large.rond |
Emphasized Display Large sizemd.sys.typescale.emphasized.display-large.size | 57pt md.sys.typescale.emphasized.display-large.size |
Emphasized Display Large slntmd.sys.typescale.emphasized.display-large.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.display-large.slnt |
Emphasized Display Large trackingmd.sys.typescale.emphasized.display-large.tracking | -0.25pt md.sys.typescale.emphasized.display-large.tracking |
Emphasized Display Large wdthmd.sys.typescale.emphasized.display-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.display-large.wdth |
Emphasized Display Large weightmd.sys.typescale.emphasized.display-large.weight | 500 md.sys.typescale.emphasized.display-large.weight
|
Emphasized Display Large wghtmd.sys.typescale.emphasized.display-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.display-large.wght |
Emphasized Display Medium
| Token | Value |
|---|---|
Emphasized Display Mediummd.sys.typescale.emphasized.display-medium | Roboto · 45pt · weight 500 · line height 52pt · tracking 0pt md.sys.typescale.emphasized.display-medium
|
Emphasized Display Medium crsvmd.sys.typescale.emphasized.display-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.display-medium.crsv |
Emphasized Display Medium fillmd.sys.typescale.emphasized.display-medium.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.display-medium.fill |
Emphasized Display Medium fontmd.sys.typescale.emphasized.display-medium.font | Roboto md.sys.typescale.emphasized.display-medium.font
|
Emphasized Display Medium gradmd.sys.typescale.emphasized.display-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.display-medium.grad |
Emphasized Display Medium hexpmd.sys.typescale.emphasized.display-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.display-medium.hexp |
Emphasized Display Medium line heightmd.sys.typescale.emphasized.display-medium.line-height | 52pt md.sys.typescale.emphasized.display-medium.line-height |
Emphasized Display Medium opszmd.sys.typescale.emphasized.display-medium.opsz | AxisValue: Tag: opsz · Value: 45 md.sys.typescale.emphasized.display-medium.opsz |
Emphasized Display Medium rondmd.sys.typescale.emphasized.display-medium.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.display-medium.rond |
Emphasized Display Medium sizemd.sys.typescale.emphasized.display-medium.size | 45pt md.sys.typescale.emphasized.display-medium.size |
Emphasized Display Medium slntmd.sys.typescale.emphasized.display-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.display-medium.slnt |
Emphasized Display Medium trackingmd.sys.typescale.emphasized.display-medium.tracking | 0pt md.sys.typescale.emphasized.display-medium.tracking |
Emphasized Display Medium wdthmd.sys.typescale.emphasized.display-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.display-medium.wdth |
Emphasized Display Medium weightmd.sys.typescale.emphasized.display-medium.weight | 500 md.sys.typescale.emphasized.display-medium.weight
|
Emphasized Display Medium wghtmd.sys.typescale.emphasized.display-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.display-medium.wght |
Emphasized Display Small
| Token | Value |
|---|---|
Emphasized Display Smallmd.sys.typescale.emphasized.display-small | Roboto · 36pt · weight 500 · line height 44pt · tracking 0pt md.sys.typescale.emphasized.display-small
|
Emphasized Display Small crsvmd.sys.typescale.emphasized.display-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.display-small.crsv |
Emphasized Display Small fillmd.sys.typescale.emphasized.display-small.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.display-small.fill |
Emphasized Display Small fontmd.sys.typescale.emphasized.display-small.font | Roboto md.sys.typescale.emphasized.display-small.font
|
Emphasized Display Small gradmd.sys.typescale.emphasized.display-small.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.display-small.grad |
Emphasized Display Small hexpmd.sys.typescale.emphasized.display-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.display-small.hexp |
Emphasized Display Small line heightmd.sys.typescale.emphasized.display-small.line-height | 44pt md.sys.typescale.emphasized.display-small.line-height |
Emphasized Display Small opszmd.sys.typescale.emphasized.display-small.opsz | AxisValue: Tag: opsz · Value: 36 md.sys.typescale.emphasized.display-small.opsz |
Emphasized Display Small rondmd.sys.typescale.emphasized.display-small.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.display-small.rond |
Emphasized Display Small sizemd.sys.typescale.emphasized.display-small.size | 36pt md.sys.typescale.emphasized.display-small.size |
Emphasized Display Small slntmd.sys.typescale.emphasized.display-small.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.display-small.slnt |
Emphasized Display Small trackingmd.sys.typescale.emphasized.display-small.tracking | 0pt md.sys.typescale.emphasized.display-small.tracking |
Emphasized Display Small wdthmd.sys.typescale.emphasized.display-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.display-small.wdth |
Emphasized Display Small weightmd.sys.typescale.emphasized.display-small.weight | 500 md.sys.typescale.emphasized.display-small.weight
|
Emphasized Display Small wghtmd.sys.typescale.emphasized.display-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.display-small.wght |
Emphasized Headline styles
Emphasized Headline Large
| Token | Value |
|---|---|
Emphasized Headline Largemd.sys.typescale.emphasized.headline-large | Roboto · 32pt · weight 500 · line height 40pt · tracking 0pt md.sys.typescale.emphasized.headline-large
|
Emphasized Headline Large crsvmd.sys.typescale.emphasized.headline-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.headline-large.crsv |
Emphasized Headline Large fillmd.sys.typescale.emphasized.headline-large.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.headline-large.fill |
Emphasized Headline Large fontmd.sys.typescale.emphasized.headline-large.font | Roboto md.sys.typescale.emphasized.headline-large.font
|
Emphasized Headline Large gradmd.sys.typescale.emphasized.headline-large.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.headline-large.grad |
Emphasized Headline Large hexpmd.sys.typescale.emphasized.headline-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.headline-large.hexp |
Emphasized Headline Large line heightmd.sys.typescale.emphasized.headline-large.line-height | 40pt md.sys.typescale.emphasized.headline-large.line-height |
Emphasized Headline Large opszmd.sys.typescale.emphasized.headline-large.opsz | AxisValue: Tag: opsz · Value: 32 md.sys.typescale.emphasized.headline-large.opsz |
Emphasized Headline Large rondmd.sys.typescale.emphasized.headline-large.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.headline-large.rond |
Emphasized Headline Large sizemd.sys.typescale.emphasized.headline-large.size | 32pt md.sys.typescale.emphasized.headline-large.size |
Emphasized Headline Large slntmd.sys.typescale.emphasized.headline-large.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.headline-large.slnt |
Emphasized Headline Large trackingmd.sys.typescale.emphasized.headline-large.tracking | 0pt md.sys.typescale.emphasized.headline-large.tracking |
Emphasized Headline Large wdthmd.sys.typescale.emphasized.headline-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.headline-large.wdth |
Emphasized Headline Large weightmd.sys.typescale.emphasized.headline-large.weight | 500 md.sys.typescale.emphasized.headline-large.weight
|
Emphasized Headline Large wghtmd.sys.typescale.emphasized.headline-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.headline-large.wght |
Emphasized Headline Medium
| Token | Value |
|---|---|
Emphasized Headline Mediummd.sys.typescale.emphasized.headline-medium | Roboto · 28pt · weight 500 · line height 36pt · tracking 0pt md.sys.typescale.emphasized.headline-medium
|
Emphasized Headline Medium crsvmd.sys.typescale.emphasized.headline-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.headline-medium.crsv |
Emphasized Headline Medium fillmd.sys.typescale.emphasized.headline-medium.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.headline-medium.fill |
Emphasized Headline Medium fontmd.sys.typescale.emphasized.headline-medium.font | Roboto md.sys.typescale.emphasized.headline-medium.font
|
Emphasized Headline Medium gradmd.sys.typescale.emphasized.headline-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.headline-medium.grad |
Emphasized Headline Medium hexpmd.sys.typescale.emphasized.headline-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.headline-medium.hexp |
Emphasized Headline Medium line heightmd.sys.typescale.emphasized.headline-medium.line-height | 36pt md.sys.typescale.emphasized.headline-medium.line-height |
Emphasized Headline Medium opszmd.sys.typescale.emphasized.headline-medium.opsz | AxisValue: Tag: opsz · Value: 28 md.sys.typescale.emphasized.headline-medium.opsz |
Emphasized Headline Medium rondmd.sys.typescale.emphasized.headline-medium.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.headline-medium.rond |
Emphasized Headline Medium sizemd.sys.typescale.emphasized.headline-medium.size | 28pt md.sys.typescale.emphasized.headline-medium.size |
Emphasized Headline Medium slntmd.sys.typescale.emphasized.headline-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.headline-medium.slnt |
Emphasized Headline Medium trackingmd.sys.typescale.emphasized.headline-medium.tracking | 0pt md.sys.typescale.emphasized.headline-medium.tracking |
Emphasized Headline Medium wdthmd.sys.typescale.emphasized.headline-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.headline-medium.wdth |
Emphasized Headline Medium weightmd.sys.typescale.emphasized.headline-medium.weight | 500 md.sys.typescale.emphasized.headline-medium.weight
|
Emphasized Headline Medium wghtmd.sys.typescale.emphasized.headline-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.headline-medium.wght |
Emphasized Headline Small
| Token | Value |
|---|---|
Emphasized Headline Smallmd.sys.typescale.emphasized.headline-small | Roboto · 24pt · weight 500 · line height 32pt · tracking 0pt md.sys.typescale.emphasized.headline-small
|
Emphasized Headline Small crsvmd.sys.typescale.emphasized.headline-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.headline-small.crsv |
Emphasized Headline Small fillmd.sys.typescale.emphasized.headline-small.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.headline-small.fill |
Emphasized Headline Small fontmd.sys.typescale.emphasized.headline-small.font | Roboto md.sys.typescale.emphasized.headline-small.font
|
Emphasized Headline Small gradmd.sys.typescale.emphasized.headline-small.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.headline-small.grad |
Emphasized Headline Small hexpmd.sys.typescale.emphasized.headline-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.headline-small.hexp |
Emphasized Headline Small line heightmd.sys.typescale.emphasized.headline-small.line-height | 32pt md.sys.typescale.emphasized.headline-small.line-height |
Emphasized Headline Small opszmd.sys.typescale.emphasized.headline-small.opsz | AxisValue: Tag: opsz · Value: 24 md.sys.typescale.emphasized.headline-small.opsz |
Emphasized Headline Small rondmd.sys.typescale.emphasized.headline-small.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.headline-small.rond |
Emphasized Headline Small sizemd.sys.typescale.emphasized.headline-small.size | 24pt md.sys.typescale.emphasized.headline-small.size |
Emphasized Headline Small slntmd.sys.typescale.emphasized.headline-small.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.headline-small.slnt |
Emphasized Headline Small trackingmd.sys.typescale.emphasized.headline-small.tracking | 0pt md.sys.typescale.emphasized.headline-small.tracking |
Emphasized Headline Small wdthmd.sys.typescale.emphasized.headline-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.headline-small.wdth |
Emphasized Headline Small weightmd.sys.typescale.emphasized.headline-small.weight | 500 md.sys.typescale.emphasized.headline-small.weight
|
Emphasized Headline Small wghtmd.sys.typescale.emphasized.headline-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.headline-small.wght |
Emphasized Title styles
Emphasized Title Large
| Token | Value |
|---|---|
Emphasized Title Largemd.sys.typescale.emphasized.title-large | Roboto · 22pt · weight 500 · line height 28pt · tracking 0pt md.sys.typescale.emphasized.title-large
|
Emphasized Title Large crsvmd.sys.typescale.emphasized.title-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.title-large.crsv |
Emphasized Title Large fillmd.sys.typescale.emphasized.title-large.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.title-large.fill |
Emphasized Title Large fontmd.sys.typescale.emphasized.title-large.font | Roboto md.sys.typescale.emphasized.title-large.font
|
Emphasized Title Large gradmd.sys.typescale.emphasized.title-large.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.title-large.grad |
Emphasized Title Large hexpmd.sys.typescale.emphasized.title-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.title-large.hexp |
Emphasized Title Large line heightmd.sys.typescale.emphasized.title-large.line-height | 28pt md.sys.typescale.emphasized.title-large.line-height |
Emphasized Title Large opszmd.sys.typescale.emphasized.title-large.opsz | AxisValue: Tag: opsz · Value: 22 md.sys.typescale.emphasized.title-large.opsz |
Emphasized Title Large rondmd.sys.typescale.emphasized.title-large.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.title-large.rond |
Emphasized Title Large sizemd.sys.typescale.emphasized.title-large.size | 22pt md.sys.typescale.emphasized.title-large.size |
Emphasized Title Large slntmd.sys.typescale.emphasized.title-large.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.title-large.slnt |
Emphasized Title Large trackingmd.sys.typescale.emphasized.title-large.tracking | 0pt md.sys.typescale.emphasized.title-large.tracking |
Emphasized Title Large wdthmd.sys.typescale.emphasized.title-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.title-large.wdth |
Emphasized Title Large weightmd.sys.typescale.emphasized.title-large.weight | 500 md.sys.typescale.emphasized.title-large.weight
|
Emphasized Title Large wghtmd.sys.typescale.emphasized.title-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.title-large.wght |
Emphasized Title Medium
| Token | Value |
|---|---|
Emphasized Title Mediummd.sys.typescale.emphasized.title-medium | Roboto · 16pt · weight 700 · line height 24pt · tracking 0.15pt md.sys.typescale.emphasized.title-medium
|
Emphasized Title Medium crsvmd.sys.typescale.emphasized.title-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.title-medium.crsv |
Emphasized Title Medium fillmd.sys.typescale.emphasized.title-medium.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.title-medium.fill |
Emphasized Title Medium fontmd.sys.typescale.emphasized.title-medium.font | Roboto md.sys.typescale.emphasized.title-medium.font
|
Emphasized Title Medium gradmd.sys.typescale.emphasized.title-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.title-medium.grad |
Emphasized Title Medium hexpmd.sys.typescale.emphasized.title-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.title-medium.hexp |
Emphasized Title Medium line heightmd.sys.typescale.emphasized.title-medium.line-height | 24pt md.sys.typescale.emphasized.title-medium.line-height |
Emphasized Title Medium opszmd.sys.typescale.emphasized.title-medium.opsz | AxisValue: Tag: opsz · Value: 16 md.sys.typescale.emphasized.title-medium.opsz |
Emphasized Title Medium rondmd.sys.typescale.emphasized.title-medium.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.title-medium.rond |
Emphasized Title Medium sizemd.sys.typescale.emphasized.title-medium.size | 16pt md.sys.typescale.emphasized.title-medium.size |
Emphasized Title Medium slntmd.sys.typescale.emphasized.title-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.title-medium.slnt |
Emphasized Title Medium trackingmd.sys.typescale.emphasized.title-medium.tracking | 0.15pt md.sys.typescale.emphasized.title-medium.tracking |
Emphasized Title Medium wdthmd.sys.typescale.emphasized.title-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.title-medium.wdth |
Emphasized Title Medium weightmd.sys.typescale.emphasized.title-medium.weight | 700 md.sys.typescale.emphasized.title-medium.weight
|
Emphasized Title Medium wghtmd.sys.typescale.emphasized.title-medium.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.emphasized.title-medium.wght |
Emphasized Title Small
| Token | Value |
|---|---|
Emphasized Title Smallmd.sys.typescale.emphasized.title-small | Roboto · 14pt · weight 700 · line height 20pt · tracking 0.1pt md.sys.typescale.emphasized.title-small
|
Emphasized Title Small crsvmd.sys.typescale.emphasized.title-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.title-small.crsv |
Emphasized Title Small fillmd.sys.typescale.emphasized.title-small.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.title-small.fill |
Emphasized Title Small fontmd.sys.typescale.emphasized.title-small.font | Roboto md.sys.typescale.emphasized.title-small.font
|
Emphasized Title Small gradmd.sys.typescale.emphasized.title-small.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.title-small.grad |
Emphasized Title Small hexpmd.sys.typescale.emphasized.title-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.title-small.hexp |
Emphasized Title Small line heightmd.sys.typescale.emphasized.title-small.line-height | 20pt md.sys.typescale.emphasized.title-small.line-height |
Emphasized Title Small opszmd.sys.typescale.emphasized.title-small.opsz | AxisValue: Tag: opsz · Value: 14 md.sys.typescale.emphasized.title-small.opsz |
Emphasized Title Small rondmd.sys.typescale.emphasized.title-small.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.title-small.rond |
Emphasized Title Small sizemd.sys.typescale.emphasized.title-small.size | 14pt md.sys.typescale.emphasized.title-small.size |
Emphasized Title Small slntmd.sys.typescale.emphasized.title-small.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.title-small.slnt |
Emphasized Title Small trackingmd.sys.typescale.emphasized.title-small.tracking | 0.1pt md.sys.typescale.emphasized.title-small.tracking |
Emphasized Title Small wdthmd.sys.typescale.emphasized.title-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.title-small.wdth |
Emphasized Title Small weightmd.sys.typescale.emphasized.title-small.weight | 700 md.sys.typescale.emphasized.title-small.weight
|
Emphasized Title Small wghtmd.sys.typescale.emphasized.title-small.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.emphasized.title-small.wght |
Emphasized Body styles
Emphasized Body Large
| Token | Value |
|---|---|
Emphasized Body Largemd.sys.typescale.emphasized.body-large | Roboto · 16pt · weight 500 · line height 24pt · tracking 0.5pt md.sys.typescale.emphasized.body-large
|
Emphasized Body Large crsvmd.sys.typescale.emphasized.body-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.body-large.crsv |
Emphasized Body Large fillmd.sys.typescale.emphasized.body-large.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.body-large.fill |
Emphasized Body Large fontmd.sys.typescale.emphasized.body-large.font | Roboto md.sys.typescale.emphasized.body-large.font
|
Emphasized Body Large gradmd.sys.typescale.emphasized.body-large.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.body-large.grad |
Emphasized Body Large hexpmd.sys.typescale.emphasized.body-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.body-large.hexp |
Emphasized Body Large line heightmd.sys.typescale.emphasized.body-large.line-height | 24pt md.sys.typescale.emphasized.body-large.line-height |
Emphasized Body Large opszmd.sys.typescale.emphasized.body-large.opsz | AxisValue: Tag: opsz · Value: 16 md.sys.typescale.emphasized.body-large.opsz |
Emphasized Body Large rondmd.sys.typescale.emphasized.body-large.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.body-large.rond |
Emphasized Body Large sizemd.sys.typescale.emphasized.body-large.size | 16pt md.sys.typescale.emphasized.body-large.size |
Emphasized Body Large slntmd.sys.typescale.emphasized.body-large.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.body-large.slnt |
Emphasized Body Large trackingmd.sys.typescale.emphasized.body-large.tracking | 0.5pt md.sys.typescale.emphasized.body-large.tracking |
Emphasized Body Large wdthmd.sys.typescale.emphasized.body-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.body-large.wdth |
Emphasized Body Large weightmd.sys.typescale.emphasized.body-large.weight | 500 md.sys.typescale.emphasized.body-large.weight
|
Emphasized Body Large wghtmd.sys.typescale.emphasized.body-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.body-large.wght |
Emphasized Body Medium
| Token | Value |
|---|---|
Emphasized Body Mediummd.sys.typescale.emphasized.body-medium | Roboto · 14pt · weight 500 · line height 20pt · tracking 0.25pt md.sys.typescale.emphasized.body-medium
|
Emphasized Body Medium crsvmd.sys.typescale.emphasized.body-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.body-medium.crsv |
Emphasized Body Medium fillmd.sys.typescale.emphasized.body-medium.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.body-medium.fill |
Emphasized Body Medium fontmd.sys.typescale.emphasized.body-medium.font | Roboto md.sys.typescale.emphasized.body-medium.font
|
Emphasized Body Medium gradmd.sys.typescale.emphasized.body-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.body-medium.grad |
Emphasized Body Medium hexpmd.sys.typescale.emphasized.body-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.body-medium.hexp |
Emphasized Body Medium line heightmd.sys.typescale.emphasized.body-medium.line-height | 20pt md.sys.typescale.emphasized.body-medium.line-height |
Emphasized Body Medium opszmd.sys.typescale.emphasized.body-medium.opsz | AxisValue: Tag: opsz · Value: 14 md.sys.typescale.emphasized.body-medium.opsz |
Emphasized Body Medium rondmd.sys.typescale.emphasized.body-medium.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.body-medium.rond |
Emphasized Body Medium sizemd.sys.typescale.emphasized.body-medium.size | 14pt md.sys.typescale.emphasized.body-medium.size |
Emphasized Body Medium slntmd.sys.typescale.emphasized.body-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.body-medium.slnt |
Emphasized Body Medium trackingmd.sys.typescale.emphasized.body-medium.tracking | 0.25pt md.sys.typescale.emphasized.body-medium.tracking |
Emphasized Body Medium wdthmd.sys.typescale.emphasized.body-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.body-medium.wdth |
Emphasized Body Medium weightmd.sys.typescale.emphasized.body-medium.weight | 500 md.sys.typescale.emphasized.body-medium.weight
|
Emphasized Body Medium wghtmd.sys.typescale.emphasized.body-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.body-medium.wght |
Emphasized Body Small
| Token | Value |
|---|---|
Emphasized Body Smallmd.sys.typescale.emphasized.body-small | Roboto · 12pt · weight 500 · line height 16pt · tracking 0.4pt md.sys.typescale.emphasized.body-small
|
Emphasized Body Small crsvmd.sys.typescale.emphasized.body-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.body-small.crsv |
Emphasized Body Small fillmd.sys.typescale.emphasized.body-small.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.body-small.fill |
Emphasized Body Small fontmd.sys.typescale.emphasized.body-small.font | Roboto md.sys.typescale.emphasized.body-small.font
|
Emphasized Body Small gradmd.sys.typescale.emphasized.body-small.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.body-small.grad |
Emphasized Body Small hexpmd.sys.typescale.emphasized.body-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.body-small.hexp |
Emphasized Body Small line heightmd.sys.typescale.emphasized.body-small.line-height | 16pt md.sys.typescale.emphasized.body-small.line-height |
Emphasized Body Small opszmd.sys.typescale.emphasized.body-small.opsz | AxisValue: Tag: opsz · Value: 12 md.sys.typescale.emphasized.body-small.opsz |
Emphasized Body Small rondmd.sys.typescale.emphasized.body-small.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.body-small.rond |
Emphasized Body Small sizemd.sys.typescale.emphasized.body-small.size | 12pt md.sys.typescale.emphasized.body-small.size |
Emphasized Body Small slntmd.sys.typescale.emphasized.body-small.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.body-small.slnt |
Emphasized Body Small trackingmd.sys.typescale.emphasized.body-small.tracking | 0.4pt md.sys.typescale.emphasized.body-small.tracking |
Emphasized Body Small wdthmd.sys.typescale.emphasized.body-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.body-small.wdth |
Emphasized Body Small weightmd.sys.typescale.emphasized.body-small.weight | 500 md.sys.typescale.emphasized.body-small.weight
|
Emphasized Body Small wghtmd.sys.typescale.emphasized.body-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.emphasized.body-small.wght |
Emphasized Label styles
Emphasized Label Large
| Token | Value |
|---|---|
Emphasized Label Largemd.sys.typescale.emphasized.label-large | Roboto · 14pt · weight 700 · line height 20pt · tracking 0.1pt md.sys.typescale.emphasized.label-large
|
Emphasized Label Large crsvmd.sys.typescale.emphasized.label-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.label-large.crsv |
Emphasized Label Large fillmd.sys.typescale.emphasized.label-large.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.label-large.fill |
Emphasized Label Large fontmd.sys.typescale.emphasized.label-large.font | Roboto md.sys.typescale.emphasized.label-large.font
|
Emphasized Label Large gradmd.sys.typescale.emphasized.label-large.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.label-large.grad |
Emphasized Label Large hexpmd.sys.typescale.emphasized.label-large.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.label-large.hexp |
Emphasized Label Large line heightmd.sys.typescale.emphasized.label-large.line-height | 20pt md.sys.typescale.emphasized.label-large.line-height |
Emphasized Label Large opszmd.sys.typescale.emphasized.label-large.opsz | AxisValue: Tag: opsz · Value: 14 md.sys.typescale.emphasized.label-large.opsz |
Emphasized Label Large rondmd.sys.typescale.emphasized.label-large.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.label-large.rond |
Emphasized Label Large sizemd.sys.typescale.emphasized.label-large.size | 14pt md.sys.typescale.emphasized.label-large.size |
Emphasized Label Large slntmd.sys.typescale.emphasized.label-large.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.label-large.slnt |
Emphasized Label Large trackingmd.sys.typescale.emphasized.label-large.tracking | 0.1pt md.sys.typescale.emphasized.label-large.tracking |
Emphasized Label Large wdthmd.sys.typescale.emphasized.label-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.label-large.wdth |
Emphasized Label Large weightmd.sys.typescale.emphasized.label-large.weight | 700 md.sys.typescale.emphasized.label-large.weight
|
Emphasized Label Large wghtmd.sys.typescale.emphasized.label-large.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.emphasized.label-large.wght |
Emphasized Label Medium
| Token | Value |
|---|---|
Emphasized Label Mediummd.sys.typescale.emphasized.label-medium | Roboto · 12pt · weight 700 · line height 16pt · tracking 0.5pt md.sys.typescale.emphasized.label-medium
|
Emphasized Label Medium crsvmd.sys.typescale.emphasized.label-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.label-medium.crsv |
Emphasized Label Medium fillmd.sys.typescale.emphasized.label-medium.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.label-medium.fill |
Emphasized Label Medium fontmd.sys.typescale.emphasized.label-medium.font | Roboto md.sys.typescale.emphasized.label-medium.font
|
Emphasized Label Medium gradmd.sys.typescale.emphasized.label-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.label-medium.grad |
Emphasized Label Medium hexpmd.sys.typescale.emphasized.label-medium.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.label-medium.hexp |
Emphasized Label Medium line heightmd.sys.typescale.emphasized.label-medium.line-height | 16pt md.sys.typescale.emphasized.label-medium.line-height |
Emphasized Label Medium opszmd.sys.typescale.emphasized.label-medium.opsz | AxisValue: Tag: opsz · Value: 12 md.sys.typescale.emphasized.label-medium.opsz |
Emphasized Label Medium rondmd.sys.typescale.emphasized.label-medium.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.label-medium.rond |
Emphasized Label Medium sizemd.sys.typescale.emphasized.label-medium.size | 12pt md.sys.typescale.emphasized.label-medium.size |
Emphasized Label Medium slntmd.sys.typescale.emphasized.label-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.label-medium.slnt |
Emphasized Label Medium trackingmd.sys.typescale.emphasized.label-medium.tracking | 0.5pt md.sys.typescale.emphasized.label-medium.tracking |
Emphasized Label Medium wdthmd.sys.typescale.emphasized.label-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.label-medium.wdth |
Emphasized Label Medium weightmd.sys.typescale.emphasized.label-medium.weight | 700 md.sys.typescale.emphasized.label-medium.weight
|
Emphasized Label Medium wghtmd.sys.typescale.emphasized.label-medium.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.emphasized.label-medium.wght |
Emphasized Label Small
| Token | Value |
|---|---|
Emphasized Label Smallmd.sys.typescale.emphasized.label-small | Roboto · 11pt · weight 700 · line height 16pt · tracking 0.5pt md.sys.typescale.emphasized.label-small
|
Emphasized Label Small crsvmd.sys.typescale.emphasized.label-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.emphasized.label-small.crsv |
Emphasized Label Small fillmd.sys.typescale.emphasized.label-small.fill | AxisValue: Tag: FILL md.sys.typescale.emphasized.label-small.fill |
Emphasized Label Small fontmd.sys.typescale.emphasized.label-small.font | Roboto md.sys.typescale.emphasized.label-small.font
|
Emphasized Label Small gradmd.sys.typescale.emphasized.label-small.grad | AxisValue: Tag: GRAD md.sys.typescale.emphasized.label-small.grad |
Emphasized Label Small hexpmd.sys.typescale.emphasized.label-small.hexp | AxisValue: Tag: HEXP md.sys.typescale.emphasized.label-small.hexp |
Emphasized Label Small line heightmd.sys.typescale.emphasized.label-small.line-height | 16pt md.sys.typescale.emphasized.label-small.line-height |
Emphasized Label Small opszmd.sys.typescale.emphasized.label-small.opsz | AxisValue: Tag: opsz · Value: 11 md.sys.typescale.emphasized.label-small.opsz |
Emphasized Label Small rondmd.sys.typescale.emphasized.label-small.rond | AxisValue: Tag: ROND md.sys.typescale.emphasized.label-small.rond |
Emphasized Label Small sizemd.sys.typescale.emphasized.label-small.size | 11pt md.sys.typescale.emphasized.label-small.size |
Emphasized Label Small slntmd.sys.typescale.emphasized.label-small.slnt | AxisValue: Tag: slnt md.sys.typescale.emphasized.label-small.slnt |
Emphasized Label Small trackingmd.sys.typescale.emphasized.label-small.tracking | 0.5pt md.sys.typescale.emphasized.label-small.tracking |
Emphasized Label Small wdthmd.sys.typescale.emphasized.label-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.emphasized.label-small.wdth |
Emphasized Label Small weightmd.sys.typescale.emphasized.label-small.weight | 700 md.sys.typescale.emphasized.label-small.weight
|
Emphasized Label Small wghtmd.sys.typescale.emphasized.label-small.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.emphasized.label-small.wght |
Type scale - Variable Emphasized
Emphasized Display styles
Emphasized Display Large
| Token | Value |
|---|---|
Emphasized Display Largemd.sys.typescale.variable.emphasized.display-large | Roboto Flex · 57pt · weight 500 · line height 64pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.display-large
|
Emphasized Display Large crsvmd.sys.typescale.variable.emphasized.display-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.display-large.crsv |
Emphasized Display Large fontmd.sys.typescale.variable.emphasized.display-large.font | Roboto Flex md.sys.typescale.variable.emphasized.display-large.font
|
Emphasized Display Large gradmd.sys.typescale.variable.emphasized.display-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.display-large.grad |
Emphasized Display Large line heightmd.sys.typescale.variable.emphasized.display-large.line-height | 64pt md.sys.typescale.variable.emphasized.display-large.line-height |
Emphasized Display Large opszmd.sys.typescale.variable.emphasized.display-large.opsz | — md.sys.typescale.variable.emphasized.display-large.opsz |
Emphasized Display Large rondmd.sys.typescale.variable.emphasized.display-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.display-large.rond
|
Emphasized Display Large sizemd.sys.typescale.variable.emphasized.display-large.size | 57pt md.sys.typescale.variable.emphasized.display-large.size |
Emphasized Display Large slntmd.sys.typescale.variable.emphasized.display-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.display-large.slnt |
Emphasized Display Large trackingmd.sys.typescale.variable.emphasized.display-large.tracking | 0pt md.sys.typescale.variable.emphasized.display-large.tracking |
Emphasized Display Large wdthmd.sys.typescale.variable.emphasized.display-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.display-large.wdth |
Emphasized Display Large weightmd.sys.typescale.variable.emphasized.display-large.weight | 500 md.sys.typescale.variable.emphasized.display-large.weight
|
Emphasized Display Large wghtmd.sys.typescale.variable.emphasized.display-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.display-large.wght
|
Emphasized Display Medium
| Token | Value |
|---|---|
Emphasized Display Mediummd.sys.typescale.variable.emphasized.display-medium | Roboto Flex · 45pt · weight 500 · line height 52pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.display-medium
|
Emphasized Display Medium crsvmd.sys.typescale.variable.emphasized.display-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.display-medium.crsv |
Emphasized Display Medium fontmd.sys.typescale.variable.emphasized.display-medium.font | Roboto Flex md.sys.typescale.variable.emphasized.display-medium.font
|
Emphasized Display Medium gradmd.sys.typescale.variable.emphasized.display-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.display-medium.grad |
Emphasized Display Medium line heightmd.sys.typescale.variable.emphasized.display-medium.line-height | 52pt md.sys.typescale.variable.emphasized.display-medium.line-height |
Emphasized Display Medium opszmd.sys.typescale.variable.emphasized.display-medium.opsz | — md.sys.typescale.variable.emphasized.display-medium.opsz |
Emphasized Display Medium rondmd.sys.typescale.variable.emphasized.display-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.display-medium.rond
|
Emphasized Display Medium sizemd.sys.typescale.variable.emphasized.display-medium.size | 45pt md.sys.typescale.variable.emphasized.display-medium.size |
Emphasized Display Medium slntmd.sys.typescale.variable.emphasized.display-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.display-medium.slnt |
Emphasized Display Medium trackingmd.sys.typescale.variable.emphasized.display-medium.tracking | 0pt md.sys.typescale.variable.emphasized.display-medium.tracking |
Emphasized Display Medium wdthmd.sys.typescale.variable.emphasized.display-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.display-medium.wdth |
Emphasized Display Medium weightmd.sys.typescale.variable.emphasized.display-medium.weight | 500 md.sys.typescale.variable.emphasized.display-medium.weight
|
Emphasized Display Medium wghtmd.sys.typescale.variable.emphasized.display-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.display-medium.wght
|
Emphasized Display Small
| Token | Value |
|---|---|
Emphasized Display Smallmd.sys.typescale.variable.emphasized.display-small | Roboto Flex · 36pt · weight 500 · line height 44pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.display-small
|
Emphasized Display Small crsvmd.sys.typescale.variable.emphasized.display-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.display-small.crsv |
Emphasized Display Small fontmd.sys.typescale.variable.emphasized.display-small.font | Roboto Flex md.sys.typescale.variable.emphasized.display-small.font
|
Emphasized Display Small gradmd.sys.typescale.variable.emphasized.display-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.display-small.grad |
Emphasized Display Small line heightmd.sys.typescale.variable.emphasized.display-small.line-height | 44pt md.sys.typescale.variable.emphasized.display-small.line-height |
Emphasized Display Small opszmd.sys.typescale.variable.emphasized.display-small.opsz | — md.sys.typescale.variable.emphasized.display-small.opsz |
Emphasized Display Small rondmd.sys.typescale.variable.emphasized.display-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.display-small.rond
|
Emphasized Display Small sizemd.sys.typescale.variable.emphasized.display-small.size | 36pt md.sys.typescale.variable.emphasized.display-small.size |
Emphasized Display Small slntmd.sys.typescale.variable.emphasized.display-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.display-small.slnt |
Emphasized Display Small trackingmd.sys.typescale.variable.emphasized.display-small.tracking | 0pt md.sys.typescale.variable.emphasized.display-small.tracking |
Emphasized Display Small wdthmd.sys.typescale.variable.emphasized.display-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.display-small.wdth |
Emphasized Display Small weightmd.sys.typescale.variable.emphasized.display-small.weight | 500 md.sys.typescale.variable.emphasized.display-small.weight
|
Emphasized Display Small wghtmd.sys.typescale.variable.emphasized.display-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.display-small.wght
|
Emphasized Headline styles
Emphasized Headline Large
| Token | Value |
|---|---|
Emphasized Headline Largemd.sys.typescale.variable.emphasized.headline-large | Roboto Flex · 32pt · weight 500 · line height 40pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.headline-large
|
Emphasized Headline Large crsvmd.sys.typescale.variable.emphasized.headline-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.headline-large.crsv |
Emphasized Headline Large fontmd.sys.typescale.variable.emphasized.headline-large.font | Roboto Flex md.sys.typescale.variable.emphasized.headline-large.font
|
Emphasized Headline Large gradmd.sys.typescale.variable.emphasized.headline-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.headline-large.grad |
Emphasized Headline Large line heightmd.sys.typescale.variable.emphasized.headline-large.line-height | 40pt md.sys.typescale.variable.emphasized.headline-large.line-height |
Emphasized Headline Large opszmd.sys.typescale.variable.emphasized.headline-large.opsz | — md.sys.typescale.variable.emphasized.headline-large.opsz |
Emphasized Headline Large rondmd.sys.typescale.variable.emphasized.headline-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.headline-large.rond
|
Emphasized Headline Large sizemd.sys.typescale.variable.emphasized.headline-large.size | 32pt md.sys.typescale.variable.emphasized.headline-large.size |
Emphasized Headline Large slntmd.sys.typescale.variable.emphasized.headline-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.headline-large.slnt |
Emphasized Headline Large trackingmd.sys.typescale.variable.emphasized.headline-large.tracking | 0pt md.sys.typescale.variable.emphasized.headline-large.tracking |
Emphasized Headline Large wdthmd.sys.typescale.variable.emphasized.headline-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.headline-large.wdth |
Emphasized Headline Large weightmd.sys.typescale.variable.emphasized.headline-large.weight | 500 md.sys.typescale.variable.emphasized.headline-large.weight
|
Emphasized Headline Large wghtmd.sys.typescale.variable.emphasized.headline-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.headline-large.wght
|
Emphasized Headline Medium
| Token | Value |
|---|---|
Emphasized Headline Mediummd.sys.typescale.variable.emphasized.headline-medium | Roboto Flex · 28pt · weight 500 · line height 36pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.headline-medium
|
Emphasized Headline Medium crsvmd.sys.typescale.variable.emphasized.headline-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.headline-medium.crsv |
Emphasized Headline Medium fontmd.sys.typescale.variable.emphasized.headline-medium.font | Roboto Flex md.sys.typescale.variable.emphasized.headline-medium.font
|
Emphasized Headline Medium gradmd.sys.typescale.variable.emphasized.headline-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.headline-medium.grad |
Emphasized Headline Medium line heightmd.sys.typescale.variable.emphasized.headline-medium.line-height | 36pt md.sys.typescale.variable.emphasized.headline-medium.line-height |
Emphasized Headline Medium opszmd.sys.typescale.variable.emphasized.headline-medium.opsz | — md.sys.typescale.variable.emphasized.headline-medium.opsz |
Emphasized Headline Medium rondmd.sys.typescale.variable.emphasized.headline-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.headline-medium.rond
|
Emphasized Headline Medium sizemd.sys.typescale.variable.emphasized.headline-medium.size | 28pt md.sys.typescale.variable.emphasized.headline-medium.size |
Emphasized Headline Medium slntmd.sys.typescale.variable.emphasized.headline-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.headline-medium.slnt |
Emphasized Headline Medium trackingmd.sys.typescale.variable.emphasized.headline-medium.tracking | 0pt md.sys.typescale.variable.emphasized.headline-medium.tracking |
Emphasized Headline Medium wdthmd.sys.typescale.variable.emphasized.headline-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.headline-medium.wdth |
Emphasized Headline Medium weightmd.sys.typescale.variable.emphasized.headline-medium.weight | 500 md.sys.typescale.variable.emphasized.headline-medium.weight
|
Emphasized Headline Medium wghtmd.sys.typescale.variable.emphasized.headline-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.headline-medium.wght
|
Emphasized Headline Small
| Token | Value |
|---|---|
Emphasized Headline Smallmd.sys.typescale.variable.emphasized.headline-small | Roboto Flex · 24pt · weight 500 · line height 32pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.headline-small
|
Emphasized Headline Small crsvmd.sys.typescale.variable.emphasized.headline-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.headline-small.crsv |
Emphasized Headline Small fontmd.sys.typescale.variable.emphasized.headline-small.font | Roboto Flex md.sys.typescale.variable.emphasized.headline-small.font
|
Emphasized Headline Small gradmd.sys.typescale.variable.emphasized.headline-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.headline-small.grad |
Emphasized Headline Small line heightmd.sys.typescale.variable.emphasized.headline-small.line-height | 32pt md.sys.typescale.variable.emphasized.headline-small.line-height |
Emphasized Headline Small opszmd.sys.typescale.variable.emphasized.headline-small.opsz | — md.sys.typescale.variable.emphasized.headline-small.opsz |
Emphasized Headline Small rondmd.sys.typescale.variable.emphasized.headline-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.headline-small.rond
|
Emphasized Headline Small sizemd.sys.typescale.variable.emphasized.headline-small.size | 24pt md.sys.typescale.variable.emphasized.headline-small.size |
Emphasized Headline Small slntmd.sys.typescale.variable.emphasized.headline-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.headline-small.slnt |
Emphasized Headline Small trackingmd.sys.typescale.variable.emphasized.headline-small.tracking | 0pt md.sys.typescale.variable.emphasized.headline-small.tracking |
Emphasized Headline Small wdthmd.sys.typescale.variable.emphasized.headline-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.headline-small.wdth |
Emphasized Headline Small weightmd.sys.typescale.variable.emphasized.headline-small.weight | 500 md.sys.typescale.variable.emphasized.headline-small.weight
|
Emphasized Headline Small wghtmd.sys.typescale.variable.emphasized.headline-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.headline-small.wght
|
Emphasized Title styles
Emphasized Title Large
| Token | Value |
|---|---|
Emphasized Title Largemd.sys.typescale.variable.emphasized.title-large | Roboto Flex · 22pt · weight 500 · line height 28pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.title-large
|
Emphasized Title Large crsvmd.sys.typescale.variable.emphasized.title-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.title-large.crsv |
Emphasized Title Large fontmd.sys.typescale.variable.emphasized.title-large.font | Roboto Flex md.sys.typescale.variable.emphasized.title-large.font
|
Emphasized Title Large gradmd.sys.typescale.variable.emphasized.title-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.title-large.grad |
Emphasized Title Large line heightmd.sys.typescale.variable.emphasized.title-large.line-height | 28pt md.sys.typescale.variable.emphasized.title-large.line-height |
Emphasized Title Large opszmd.sys.typescale.variable.emphasized.title-large.opsz | — md.sys.typescale.variable.emphasized.title-large.opsz |
Emphasized Title Large rondmd.sys.typescale.variable.emphasized.title-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.title-large.rond
|
Emphasized Title Large sizemd.sys.typescale.variable.emphasized.title-large.size | 22pt md.sys.typescale.variable.emphasized.title-large.size |
Emphasized Title Large slntmd.sys.typescale.variable.emphasized.title-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.title-large.slnt |
Emphasized Title Large trackingmd.sys.typescale.variable.emphasized.title-large.tracking | 0pt md.sys.typescale.variable.emphasized.title-large.tracking |
Emphasized Title Large wdthmd.sys.typescale.variable.emphasized.title-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.title-large.wdth |
Emphasized Title Large weightmd.sys.typescale.variable.emphasized.title-large.weight | 500 md.sys.typescale.variable.emphasized.title-large.weight
|
Emphasized Title Large wghtmd.sys.typescale.variable.emphasized.title-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.title-large.wght
|
Emphasized Title Medium
| Token | Value |
|---|---|
Emphasized Title Mediummd.sys.typescale.variable.emphasized.title-medium | Roboto Flex · 16pt · weight 600 · line height 24pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 600 md.sys.typescale.variable.emphasized.title-medium
|
Emphasized Title Medium crsvmd.sys.typescale.variable.emphasized.title-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.title-medium.crsv |
Emphasized Title Medium fontmd.sys.typescale.variable.emphasized.title-medium.font | Roboto Flex md.sys.typescale.variable.emphasized.title-medium.font
|
Emphasized Title Medium gradmd.sys.typescale.variable.emphasized.title-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.title-medium.grad |
Emphasized Title Medium line heightmd.sys.typescale.variable.emphasized.title-medium.line-height | 24pt md.sys.typescale.variable.emphasized.title-medium.line-height |
Emphasized Title Medium opszmd.sys.typescale.variable.emphasized.title-medium.opsz | — md.sys.typescale.variable.emphasized.title-medium.opsz |
Emphasized Title Medium rondmd.sys.typescale.variable.emphasized.title-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.title-medium.rond
|
Emphasized Title Medium sizemd.sys.typescale.variable.emphasized.title-medium.size | 16pt md.sys.typescale.variable.emphasized.title-medium.size |
Emphasized Title Medium slntmd.sys.typescale.variable.emphasized.title-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.title-medium.slnt |
Emphasized Title Medium trackingmd.sys.typescale.variable.emphasized.title-medium.tracking | 0pt md.sys.typescale.variable.emphasized.title-medium.tracking |
Emphasized Title Medium wdthmd.sys.typescale.variable.emphasized.title-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.title-medium.wdth |
Emphasized Title Medium weightmd.sys.typescale.variable.emphasized.title-medium.weight | 600 md.sys.typescale.variable.emphasized.title-medium.weight
|
Emphasized Title Medium wghtmd.sys.typescale.variable.emphasized.title-medium.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.title-medium.wght
|
Emphasized Title Small
| Token | Value |
|---|---|
Emphasized Title Smallmd.sys.typescale.variable.emphasized.title-small | Roboto Flex · 14pt · weight 600 · line height 20pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 600 md.sys.typescale.variable.emphasized.title-small
|
Emphasized Title Small crsvmd.sys.typescale.variable.emphasized.title-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.title-small.crsv |
Emphasized Title Small fontmd.sys.typescale.variable.emphasized.title-small.font | Roboto Flex md.sys.typescale.variable.emphasized.title-small.font
|
Emphasized Title Small gradmd.sys.typescale.variable.emphasized.title-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.title-small.grad |
Emphasized Title Small line heightmd.sys.typescale.variable.emphasized.title-small.line-height | 20pt md.sys.typescale.variable.emphasized.title-small.line-height |
Emphasized Title Small opszmd.sys.typescale.variable.emphasized.title-small.opsz | — md.sys.typescale.variable.emphasized.title-small.opsz |
Emphasized Title Small rondmd.sys.typescale.variable.emphasized.title-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.title-small.rond
|
Emphasized Title Small sizemd.sys.typescale.variable.emphasized.title-small.size | 14pt md.sys.typescale.variable.emphasized.title-small.size |
Emphasized Title Small slntmd.sys.typescale.variable.emphasized.title-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.title-small.slnt |
Emphasized Title Small trackingmd.sys.typescale.variable.emphasized.title-small.tracking | 0pt md.sys.typescale.variable.emphasized.title-small.tracking |
Emphasized Title Small wdthmd.sys.typescale.variable.emphasized.title-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.title-small.wdth |
Emphasized Title Small weightmd.sys.typescale.variable.emphasized.title-small.weight | 600 md.sys.typescale.variable.emphasized.title-small.weight
|
Emphasized Title Small wghtmd.sys.typescale.variable.emphasized.title-small.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.title-small.wght
|
Emphasized Body styles
Emphasized Body Large
| Token | Value |
|---|---|
Emphasized Body Largemd.sys.typescale.variable.emphasized.body-large | Roboto Flex · 16pt · weight 500 · line height 24pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.body-large
|
Emphasized Body Large crsvmd.sys.typescale.variable.emphasized.body-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.body-large.crsv |
Emphasized Body Large fontmd.sys.typescale.variable.emphasized.body-large.font | Roboto Flex md.sys.typescale.variable.emphasized.body-large.font
|
Emphasized Body Large gradmd.sys.typescale.variable.emphasized.body-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.body-large.grad |
Emphasized Body Large line heightmd.sys.typescale.variable.emphasized.body-large.line-height | 24pt md.sys.typescale.variable.emphasized.body-large.line-height |
Emphasized Body Large opszmd.sys.typescale.variable.emphasized.body-large.opsz | — md.sys.typescale.variable.emphasized.body-large.opsz |
Emphasized Body Large rondmd.sys.typescale.variable.emphasized.body-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.body-large.rond
|
Emphasized Body Large sizemd.sys.typescale.variable.emphasized.body-large.size | 16pt md.sys.typescale.variable.emphasized.body-large.size |
Emphasized Body Large slntmd.sys.typescale.variable.emphasized.body-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.body-large.slnt |
Emphasized Body Large trackingmd.sys.typescale.variable.emphasized.body-large.tracking | 0pt md.sys.typescale.variable.emphasized.body-large.tracking |
Emphasized Body Large wdthmd.sys.typescale.variable.emphasized.body-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.body-large.wdth |
Emphasized Body Large weightmd.sys.typescale.variable.emphasized.body-large.weight | 500 md.sys.typescale.variable.emphasized.body-large.weight
|
Emphasized Body Large wghtmd.sys.typescale.variable.emphasized.body-large.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.body-large.wght
|
Emphasized Body Medium
| Token | Value |
|---|---|
Emphasized Body Mediummd.sys.typescale.variable.emphasized.body-medium | Roboto Flex · 14pt · weight 500 · line height 20pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.body-medium
|
Emphasized Body Medium crsvmd.sys.typescale.variable.emphasized.body-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.body-medium.crsv |
Emphasized Body Medium fontmd.sys.typescale.variable.emphasized.body-medium.font | Roboto Flex md.sys.typescale.variable.emphasized.body-medium.font
|
Emphasized Body Medium gradmd.sys.typescale.variable.emphasized.body-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.body-medium.grad |
Emphasized Body Medium line heightmd.sys.typescale.variable.emphasized.body-medium.line-height | 20pt md.sys.typescale.variable.emphasized.body-medium.line-height |
Emphasized Body Medium opszmd.sys.typescale.variable.emphasized.body-medium.opsz | — md.sys.typescale.variable.emphasized.body-medium.opsz |
Emphasized Body Medium rondmd.sys.typescale.variable.emphasized.body-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.body-medium.rond
|
Emphasized Body Medium sizemd.sys.typescale.variable.emphasized.body-medium.size | 14pt md.sys.typescale.variable.emphasized.body-medium.size |
Emphasized Body Medium slntmd.sys.typescale.variable.emphasized.body-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.body-medium.slnt |
Emphasized Body Medium trackingmd.sys.typescale.variable.emphasized.body-medium.tracking | 0pt md.sys.typescale.variable.emphasized.body-medium.tracking |
Emphasized Body Medium wdthmd.sys.typescale.variable.emphasized.body-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.body-medium.wdth |
Emphasized Body Medium weightmd.sys.typescale.variable.emphasized.body-medium.weight | 500 md.sys.typescale.variable.emphasized.body-medium.weight
|
Emphasized Body Medium wghtmd.sys.typescale.variable.emphasized.body-medium.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.body-medium.wght
|
Emphasized Body Small
| Token | Value |
|---|---|
Emphasized Body Smallmd.sys.typescale.variable.emphasized.body-small | Roboto Flex · 12pt · weight 500 · line height 16pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 500 md.sys.typescale.variable.emphasized.body-small
|
Emphasized Body Small crsvmd.sys.typescale.variable.emphasized.body-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.body-small.crsv |
Emphasized Body Small fontmd.sys.typescale.variable.emphasized.body-small.font | Roboto Flex md.sys.typescale.variable.emphasized.body-small.font
|
Emphasized Body Small gradmd.sys.typescale.variable.emphasized.body-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.body-small.grad |
Emphasized Body Small line heightmd.sys.typescale.variable.emphasized.body-small.line-height | 16pt md.sys.typescale.variable.emphasized.body-small.line-height |
Emphasized Body Small opszmd.sys.typescale.variable.emphasized.body-small.opsz | — md.sys.typescale.variable.emphasized.body-small.opsz |
Emphasized Body Small rondmd.sys.typescale.variable.emphasized.body-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.body-small.rond
|
Emphasized Body Small sizemd.sys.typescale.variable.emphasized.body-small.size | 12pt md.sys.typescale.variable.emphasized.body-small.size |
Emphasized Body Small slntmd.sys.typescale.variable.emphasized.body-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.body-small.slnt |
Emphasized Body Small trackingmd.sys.typescale.variable.emphasized.body-small.tracking | 0pt md.sys.typescale.variable.emphasized.body-small.tracking |
Emphasized Body Small wdthmd.sys.typescale.variable.emphasized.body-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.body-small.wdth |
Emphasized Body Small weightmd.sys.typescale.variable.emphasized.body-small.weight | 500 md.sys.typescale.variable.emphasized.body-small.weight
|
Emphasized Body Small wghtmd.sys.typescale.variable.emphasized.body-small.wght | AxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.body-small.wght
|
Emphasized Label styles
Emphasized Label Large
| Token | Value |
|---|---|
Emphasized Label Largemd.sys.typescale.variable.emphasized.label-large | Roboto Flex · 14pt · weight 600 · line height 20pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 600 md.sys.typescale.variable.emphasized.label-large
|
Emphasized Label Large crsvmd.sys.typescale.variable.emphasized.label-large.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.label-large.crsv |
Emphasized Label Large fontmd.sys.typescale.variable.emphasized.label-large.font | Roboto Flex md.sys.typescale.variable.emphasized.label-large.font
|
Emphasized Label Large gradmd.sys.typescale.variable.emphasized.label-large.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.label-large.grad |
Emphasized Label Large line heightmd.sys.typescale.variable.emphasized.label-large.line-height | 20pt md.sys.typescale.variable.emphasized.label-large.line-height |
Emphasized Label Large opszmd.sys.typescale.variable.emphasized.label-large.opsz | — md.sys.typescale.variable.emphasized.label-large.opsz |
Emphasized Label Large rondmd.sys.typescale.variable.emphasized.label-large.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.label-large.rond
|
Emphasized Label Large sizemd.sys.typescale.variable.emphasized.label-large.size | 14pt md.sys.typescale.variable.emphasized.label-large.size |
Emphasized Label Large slntmd.sys.typescale.variable.emphasized.label-large.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.label-large.slnt |
Emphasized Label Large trackingmd.sys.typescale.variable.emphasized.label-large.tracking | 0pt md.sys.typescale.variable.emphasized.label-large.tracking |
Emphasized Label Large wdthmd.sys.typescale.variable.emphasized.label-large.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.label-large.wdth |
Emphasized Label Large weightmd.sys.typescale.variable.emphasized.label-large.weight | 600 md.sys.typescale.variable.emphasized.label-large.weight
|
Emphasized Label Large wghtmd.sys.typescale.variable.emphasized.label-large.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.label-large.wght
|
Emphasized Label Medium
| Token | Value |
|---|---|
Emphasized Label Mediummd.sys.typescale.variable.emphasized.label-medium | Roboto Flex · 12pt · weight 600 · line height 16pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 600 md.sys.typescale.variable.emphasized.label-medium
|
Emphasized Label Medium crsvmd.sys.typescale.variable.emphasized.label-medium.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.label-medium.crsv |
Emphasized Label Medium fontmd.sys.typescale.variable.emphasized.label-medium.font | Roboto Flex md.sys.typescale.variable.emphasized.label-medium.font
|
Emphasized Label Medium gradmd.sys.typescale.variable.emphasized.label-medium.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.label-medium.grad |
Emphasized Label Medium line heightmd.sys.typescale.variable.emphasized.label-medium.line-height | 16pt md.sys.typescale.variable.emphasized.label-medium.line-height |
Emphasized Label Medium opszmd.sys.typescale.variable.emphasized.label-medium.opsz | — md.sys.typescale.variable.emphasized.label-medium.opsz |
Emphasized Label Medium rondmd.sys.typescale.variable.emphasized.label-medium.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.label-medium.rond
|
Emphasized Label Medium sizemd.sys.typescale.variable.emphasized.label-medium.size | 12pt md.sys.typescale.variable.emphasized.label-medium.size |
Emphasized Label Medium slntmd.sys.typescale.variable.emphasized.label-medium.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.label-medium.slnt |
Emphasized Label Medium trackingmd.sys.typescale.variable.emphasized.label-medium.tracking | 0pt md.sys.typescale.variable.emphasized.label-medium.tracking |
Emphasized Label Medium wdthmd.sys.typescale.variable.emphasized.label-medium.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.label-medium.wdth |
Emphasized Label Medium weightmd.sys.typescale.variable.emphasized.label-medium.weight | 600 md.sys.typescale.variable.emphasized.label-medium.weight
|
Emphasized Label Medium wghtmd.sys.typescale.variable.emphasized.label-medium.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.label-medium.wght
|
Emphasized Label Small
| Token | Value |
|---|---|
Emphasized Label Smallmd.sys.typescale.variable.emphasized.label-small | Roboto Flex · 11pt · weight 600 · line height 16pt · tracking 0pt · VariationAxes: CRSV: AxisValue: 0 · GRAD: AxisValue: 0 · ROND: AxisValue: 0 · Opsz: AxisValue: 0 · Slnt: AxisValue: 0 · Wdth: AxisValue: 100 · Wght: AxisValue: 600 md.sys.typescale.variable.emphasized.label-small
|
Emphasized Label Small crsvmd.sys.typescale.variable.emphasized.label-small.crsv | AxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.label-small.crsv |
Emphasized Label Small fontmd.sys.typescale.variable.emphasized.label-small.font | Roboto Flex md.sys.typescale.variable.emphasized.label-small.font
|
Emphasized Label Small gradmd.sys.typescale.variable.emphasized.label-small.grad | AxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.label-small.grad |
Emphasized Label Small line heightmd.sys.typescale.variable.emphasized.label-small.line-height | 16pt md.sys.typescale.variable.emphasized.label-small.line-height |
Emphasized Label Small opszmd.sys.typescale.variable.emphasized.label-small.opsz | — md.sys.typescale.variable.emphasized.label-small.opsz |
Emphasized Label Small rondmd.sys.typescale.variable.emphasized.label-small.rond | AxisValue: Tag: ROND md.sys.typescale.variable.emphasized.label-small.rond
|
Emphasized Label Small sizemd.sys.typescale.variable.emphasized.label-small.size | 11pt md.sys.typescale.variable.emphasized.label-small.size |
Emphasized Label Small slntmd.sys.typescale.variable.emphasized.label-small.slnt | AxisValue: Tag: slnt md.sys.typescale.variable.emphasized.label-small.slnt |
Emphasized Label Small trackingmd.sys.typescale.variable.emphasized.label-small.tracking | 0pt md.sys.typescale.variable.emphasized.label-small.tracking |
Emphasized Label Small wdthmd.sys.typescale.variable.emphasized.label-small.wdth | AxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.label-small.wdth |
Emphasized Label Small weightmd.sys.typescale.variable.emphasized.label-small.weight | 600 md.sys.typescale.variable.emphasized.label-small.weight
|
Emphasized Label Small wghtmd.sys.typescale.variable.emphasized.label-small.wght | AxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.label-small.wght
|