Material Design 3 type scale tokens
Browse tokens
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 Emphasized Display LargeRoboto 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
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 |
Emphasized Display Large fontmd.sys.typescale.variable.emphasized.display-large.font | Roboto Flex Emphasized Display Large fontRoboto Flex md.sys.typescale.variable.emphasized.display-large.font
Roboto Flex |
Emphasized Display Large line heightmd.sys.typescale.variable.emphasized.display-large.line-height | 64pt Emphasized Display Large line height64pt md.sys.typescale.variable.emphasized.display-large.line-height64pt |
Emphasized Display Large sizemd.sys.typescale.variable.emphasized.display-large.size | 57pt Emphasized Display Large size57pt md.sys.typescale.variable.emphasized.display-large.size57pt |
Emphasized Display Large trackingmd.sys.typescale.variable.emphasized.display-large.tracking | 0pt Emphasized Display Large tracking0pt md.sys.typescale.variable.emphasized.display-large.tracking0pt |
Emphasized Display Large weightmd.sys.typescale.variable.emphasized.display-large.weight | 500 Emphasized Display Large weight500 md.sys.typescale.variable.emphasized.display-large.weight
500 |
Emphasized Display Large wghtmd.sys.typescale.variable.emphasized.display-large.wght | AxisValue: Tag: wght · Value: 500 Emphasized Display Large wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.display-large.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Display Large gradmd.sys.typescale.variable.emphasized.display-large.grad | AxisValue: Tag: GRAD Emphasized Display Large gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.display-large.gradAxisValue: Tag: GRAD |
Emphasized Display Large wdthmd.sys.typescale.variable.emphasized.display-large.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Display Large wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.display-large.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Display Large rondmd.sys.typescale.variable.emphasized.display-large.rond | AxisValue: Tag: ROND Emphasized Display Large rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.display-large.rond
AxisValue: Tag: ROND |
Emphasized Display Large opszmd.sys.typescale.variable.emphasized.display-large.opsz | — Emphasized Display Large opsz— md.sys.typescale.variable.emphasized.display-large.opsz— |
Emphasized Display Large crsvmd.sys.typescale.variable.emphasized.display-large.crsv | AxisValue: Tag: CRSV Emphasized Display Large crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.display-large.crsvAxisValue: Tag: CRSV |
Emphasized Display Large slntmd.sys.typescale.variable.emphasized.display-large.slnt | AxisValue: Tag: slnt Emphasized Display Large slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.display-large.slntAxisValue: Tag: slnt |
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 Emphasized Display MediumRoboto 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
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 |
Emphasized Display Medium fontmd.sys.typescale.variable.emphasized.display-medium.font | Roboto Flex Emphasized Display Medium fontRoboto Flex md.sys.typescale.variable.emphasized.display-medium.font
Roboto Flex |
Emphasized Display Medium line heightmd.sys.typescale.variable.emphasized.display-medium.line-height | 52pt Emphasized Display Medium line height52pt md.sys.typescale.variable.emphasized.display-medium.line-height52pt |
Emphasized Display Medium sizemd.sys.typescale.variable.emphasized.display-medium.size | 45pt Emphasized Display Medium size45pt md.sys.typescale.variable.emphasized.display-medium.size45pt |
Emphasized Display Medium trackingmd.sys.typescale.variable.emphasized.display-medium.tracking | 0pt Emphasized Display Medium tracking0pt md.sys.typescale.variable.emphasized.display-medium.tracking0pt |
Emphasized Display Medium weightmd.sys.typescale.variable.emphasized.display-medium.weight | 500 Emphasized Display Medium weight500 md.sys.typescale.variable.emphasized.display-medium.weight
500 |
Emphasized Display Medium wghtmd.sys.typescale.variable.emphasized.display-medium.wght | AxisValue: Tag: wght · Value: 500 Emphasized Display Medium wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.display-medium.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Display Medium gradmd.sys.typescale.variable.emphasized.display-medium.grad | AxisValue: Tag: GRAD Emphasized Display Medium gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.display-medium.gradAxisValue: Tag: GRAD |
Emphasized Display Medium wdthmd.sys.typescale.variable.emphasized.display-medium.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Display Medium wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.display-medium.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Display Medium rondmd.sys.typescale.variable.emphasized.display-medium.rond | AxisValue: Tag: ROND Emphasized Display Medium rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.display-medium.rond
AxisValue: Tag: ROND |
Emphasized Display Medium opszmd.sys.typescale.variable.emphasized.display-medium.opsz | — Emphasized Display Medium opsz— md.sys.typescale.variable.emphasized.display-medium.opsz— |
Emphasized Display Medium crsvmd.sys.typescale.variable.emphasized.display-medium.crsv | AxisValue: Tag: CRSV Emphasized Display Medium crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.display-medium.crsvAxisValue: Tag: CRSV |
Emphasized Display Medium slntmd.sys.typescale.variable.emphasized.display-medium.slnt | AxisValue: Tag: slnt Emphasized Display Medium slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.display-medium.slntAxisValue: Tag: slnt |
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 Emphasized Display SmallRoboto 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
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 |
Emphasized Display Small fontmd.sys.typescale.variable.emphasized.display-small.font | Roboto Flex Emphasized Display Small fontRoboto Flex md.sys.typescale.variable.emphasized.display-small.font
Roboto Flex |
Emphasized Display Small line heightmd.sys.typescale.variable.emphasized.display-small.line-height | 44pt Emphasized Display Small line height44pt md.sys.typescale.variable.emphasized.display-small.line-height44pt |
Emphasized Display Small sizemd.sys.typescale.variable.emphasized.display-small.size | 36pt Emphasized Display Small size36pt md.sys.typescale.variable.emphasized.display-small.size36pt |
Emphasized Display Small trackingmd.sys.typescale.variable.emphasized.display-small.tracking | 0pt Emphasized Display Small tracking0pt md.sys.typescale.variable.emphasized.display-small.tracking0pt |
Emphasized Display Small weightmd.sys.typescale.variable.emphasized.display-small.weight | 500 Emphasized Display Small weight500 md.sys.typescale.variable.emphasized.display-small.weight
500 |
Emphasized Display Small wghtmd.sys.typescale.variable.emphasized.display-small.wght | AxisValue: Tag: wght · Value: 500 Emphasized Display Small wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.display-small.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Display Small gradmd.sys.typescale.variable.emphasized.display-small.grad | AxisValue: Tag: GRAD Emphasized Display Small gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.display-small.gradAxisValue: Tag: GRAD |
Emphasized Display Small wdthmd.sys.typescale.variable.emphasized.display-small.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Display Small wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.display-small.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Display Small rondmd.sys.typescale.variable.emphasized.display-small.rond | AxisValue: Tag: ROND Emphasized Display Small rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.display-small.rond
AxisValue: Tag: ROND |
Emphasized Display Small opszmd.sys.typescale.variable.emphasized.display-small.opsz | — Emphasized Display Small opsz— md.sys.typescale.variable.emphasized.display-small.opsz— |
Emphasized Display Small crsvmd.sys.typescale.variable.emphasized.display-small.crsv | AxisValue: Tag: CRSV Emphasized Display Small crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.display-small.crsvAxisValue: Tag: CRSV |
Emphasized Display Small slntmd.sys.typescale.variable.emphasized.display-small.slnt | AxisValue: Tag: slnt Emphasized Display Small slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.display-small.slntAxisValue: Tag: slnt |
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 Emphasized Headline LargeRoboto 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
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 |
Emphasized Headline Large fontmd.sys.typescale.variable.emphasized.headline-large.font | Roboto Flex Emphasized Headline Large fontRoboto Flex md.sys.typescale.variable.emphasized.headline-large.font
Roboto Flex |
Emphasized Headline Large line heightmd.sys.typescale.variable.emphasized.headline-large.line-height | 40pt Emphasized Headline Large line height40pt md.sys.typescale.variable.emphasized.headline-large.line-height40pt |
Emphasized Headline Large sizemd.sys.typescale.variable.emphasized.headline-large.size | 32pt Emphasized Headline Large size32pt md.sys.typescale.variable.emphasized.headline-large.size32pt |
Emphasized Headline Large trackingmd.sys.typescale.variable.emphasized.headline-large.tracking | 0pt Emphasized Headline Large tracking0pt md.sys.typescale.variable.emphasized.headline-large.tracking0pt |
Emphasized Headline Large weightmd.sys.typescale.variable.emphasized.headline-large.weight | 500 Emphasized Headline Large weight500 md.sys.typescale.variable.emphasized.headline-large.weight
500 |
Emphasized Headline Large wghtmd.sys.typescale.variable.emphasized.headline-large.wght | AxisValue: Tag: wght · Value: 500 Emphasized Headline Large wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.headline-large.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Headline Large gradmd.sys.typescale.variable.emphasized.headline-large.grad | AxisValue: Tag: GRAD Emphasized Headline Large gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.headline-large.gradAxisValue: Tag: GRAD |
Emphasized Headline Large wdthmd.sys.typescale.variable.emphasized.headline-large.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Headline Large wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.headline-large.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Headline Large rondmd.sys.typescale.variable.emphasized.headline-large.rond | AxisValue: Tag: ROND Emphasized Headline Large rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.headline-large.rond
AxisValue: Tag: ROND |
Emphasized Headline Large opszmd.sys.typescale.variable.emphasized.headline-large.opsz | — Emphasized Headline Large opsz— md.sys.typescale.variable.emphasized.headline-large.opsz— |
Emphasized Headline Large crsvmd.sys.typescale.variable.emphasized.headline-large.crsv | AxisValue: Tag: CRSV Emphasized Headline Large crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.headline-large.crsvAxisValue: Tag: CRSV |
Emphasized Headline Large slntmd.sys.typescale.variable.emphasized.headline-large.slnt | AxisValue: Tag: slnt Emphasized Headline Large slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.headline-large.slntAxisValue: Tag: slnt |
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 Emphasized Headline MediumRoboto 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
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 |
Emphasized Headline Medium fontmd.sys.typescale.variable.emphasized.headline-medium.font | Roboto Flex Emphasized Headline Medium fontRoboto Flex md.sys.typescale.variable.emphasized.headline-medium.font
Roboto Flex |
Emphasized Headline Medium line heightmd.sys.typescale.variable.emphasized.headline-medium.line-height | 36pt Emphasized Headline Medium line height36pt md.sys.typescale.variable.emphasized.headline-medium.line-height36pt |
Emphasized Headline Medium sizemd.sys.typescale.variable.emphasized.headline-medium.size | 28pt Emphasized Headline Medium size28pt md.sys.typescale.variable.emphasized.headline-medium.size28pt |
Emphasized Headline Medium trackingmd.sys.typescale.variable.emphasized.headline-medium.tracking | 0pt Emphasized Headline Medium tracking0pt md.sys.typescale.variable.emphasized.headline-medium.tracking0pt |
Emphasized Headline Medium weightmd.sys.typescale.variable.emphasized.headline-medium.weight | 500 Emphasized Headline Medium weight500 md.sys.typescale.variable.emphasized.headline-medium.weight
500 |
Emphasized Headline Medium wghtmd.sys.typescale.variable.emphasized.headline-medium.wght | AxisValue: Tag: wght · Value: 500 Emphasized Headline Medium wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.headline-medium.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Headline Medium gradmd.sys.typescale.variable.emphasized.headline-medium.grad | AxisValue: Tag: GRAD Emphasized Headline Medium gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.headline-medium.gradAxisValue: Tag: GRAD |
Emphasized Headline Medium wdthmd.sys.typescale.variable.emphasized.headline-medium.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Headline Medium wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.headline-medium.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Headline Medium rondmd.sys.typescale.variable.emphasized.headline-medium.rond | AxisValue: Tag: ROND Emphasized Headline Medium rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.headline-medium.rond
AxisValue: Tag: ROND |
Emphasized Headline Medium opszmd.sys.typescale.variable.emphasized.headline-medium.opsz | — Emphasized Headline Medium opsz— md.sys.typescale.variable.emphasized.headline-medium.opsz— |
Emphasized Headline Medium crsvmd.sys.typescale.variable.emphasized.headline-medium.crsv | AxisValue: Tag: CRSV Emphasized Headline Medium crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.headline-medium.crsvAxisValue: Tag: CRSV |
Emphasized Headline Medium slntmd.sys.typescale.variable.emphasized.headline-medium.slnt | AxisValue: Tag: slnt Emphasized Headline Medium slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.headline-medium.slntAxisValue: Tag: slnt |
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 Emphasized Headline SmallRoboto 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
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 |
Emphasized Headline Small fontmd.sys.typescale.variable.emphasized.headline-small.font | Roboto Flex Emphasized Headline Small fontRoboto Flex md.sys.typescale.variable.emphasized.headline-small.font
Roboto Flex |
Emphasized Headline Small line heightmd.sys.typescale.variable.emphasized.headline-small.line-height | 32pt Emphasized Headline Small line height32pt md.sys.typescale.variable.emphasized.headline-small.line-height32pt |
Emphasized Headline Small sizemd.sys.typescale.variable.emphasized.headline-small.size | 24pt Emphasized Headline Small size24pt md.sys.typescale.variable.emphasized.headline-small.size24pt |
Emphasized Headline Small trackingmd.sys.typescale.variable.emphasized.headline-small.tracking | 0pt Emphasized Headline Small tracking0pt md.sys.typescale.variable.emphasized.headline-small.tracking0pt |
Emphasized Headline Small weightmd.sys.typescale.variable.emphasized.headline-small.weight | 500 Emphasized Headline Small weight500 md.sys.typescale.variable.emphasized.headline-small.weight
500 |
Emphasized Headline Small wghtmd.sys.typescale.variable.emphasized.headline-small.wght | AxisValue: Tag: wght · Value: 500 Emphasized Headline Small wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.headline-small.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Headline Small gradmd.sys.typescale.variable.emphasized.headline-small.grad | AxisValue: Tag: GRAD Emphasized Headline Small gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.headline-small.gradAxisValue: Tag: GRAD |
Emphasized Headline Small wdthmd.sys.typescale.variable.emphasized.headline-small.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Headline Small wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.headline-small.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Headline Small rondmd.sys.typescale.variable.emphasized.headline-small.rond | AxisValue: Tag: ROND Emphasized Headline Small rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.headline-small.rond
AxisValue: Tag: ROND |
Emphasized Headline Small opszmd.sys.typescale.variable.emphasized.headline-small.opsz | — Emphasized Headline Small opsz— md.sys.typescale.variable.emphasized.headline-small.opsz— |
Emphasized Headline Small crsvmd.sys.typescale.variable.emphasized.headline-small.crsv | AxisValue: Tag: CRSV Emphasized Headline Small crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.headline-small.crsvAxisValue: Tag: CRSV |
Emphasized Headline Small slntmd.sys.typescale.variable.emphasized.headline-small.slnt | AxisValue: Tag: slnt Emphasized Headline Small slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.headline-small.slntAxisValue: Tag: slnt |
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 Emphasized Title LargeRoboto 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
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 |
Emphasized Title Large fontmd.sys.typescale.variable.emphasized.title-large.font | Roboto Flex Emphasized Title Large fontRoboto Flex md.sys.typescale.variable.emphasized.title-large.font
Roboto Flex |
Emphasized Title Large line heightmd.sys.typescale.variable.emphasized.title-large.line-height | 28pt Emphasized Title Large line height28pt md.sys.typescale.variable.emphasized.title-large.line-height28pt |
Emphasized Title Large sizemd.sys.typescale.variable.emphasized.title-large.size | 22pt Emphasized Title Large size22pt md.sys.typescale.variable.emphasized.title-large.size22pt |
Emphasized Title Large trackingmd.sys.typescale.variable.emphasized.title-large.tracking | 0pt Emphasized Title Large tracking0pt md.sys.typescale.variable.emphasized.title-large.tracking0pt |
Emphasized Title Large weightmd.sys.typescale.variable.emphasized.title-large.weight | 500 Emphasized Title Large weight500 md.sys.typescale.variable.emphasized.title-large.weight
500 |
Emphasized Title Large wghtmd.sys.typescale.variable.emphasized.title-large.wght | AxisValue: Tag: wght · Value: 500 Emphasized Title Large wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.title-large.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Title Large gradmd.sys.typescale.variable.emphasized.title-large.grad | AxisValue: Tag: GRAD Emphasized Title Large gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.title-large.gradAxisValue: Tag: GRAD |
Emphasized Title Large wdthmd.sys.typescale.variable.emphasized.title-large.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Title Large wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.title-large.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Title Large rondmd.sys.typescale.variable.emphasized.title-large.rond | AxisValue: Tag: ROND Emphasized Title Large rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.title-large.rond
AxisValue: Tag: ROND |
Emphasized Title Large opszmd.sys.typescale.variable.emphasized.title-large.opsz | — Emphasized Title Large opsz— md.sys.typescale.variable.emphasized.title-large.opsz— |
Emphasized Title Large crsvmd.sys.typescale.variable.emphasized.title-large.crsv | AxisValue: Tag: CRSV Emphasized Title Large crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.title-large.crsvAxisValue: Tag: CRSV |
Emphasized Title Large slntmd.sys.typescale.variable.emphasized.title-large.slnt | AxisValue: Tag: slnt Emphasized Title Large slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.title-large.slntAxisValue: Tag: slnt |
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 Emphasized Title MediumRoboto 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
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 |
Emphasized Title Medium fontmd.sys.typescale.variable.emphasized.title-medium.font | Roboto Flex Emphasized Title Medium fontRoboto Flex md.sys.typescale.variable.emphasized.title-medium.font
Roboto Flex |
Emphasized Title Medium line heightmd.sys.typescale.variable.emphasized.title-medium.line-height | 24pt Emphasized Title Medium line height24pt md.sys.typescale.variable.emphasized.title-medium.line-height24pt |
Emphasized Title Medium sizemd.sys.typescale.variable.emphasized.title-medium.size | 16pt Emphasized Title Medium size16pt md.sys.typescale.variable.emphasized.title-medium.size16pt |
Emphasized Title Medium trackingmd.sys.typescale.variable.emphasized.title-medium.tracking | 0pt Emphasized Title Medium tracking0pt md.sys.typescale.variable.emphasized.title-medium.tracking0pt |
Emphasized Title Medium weightmd.sys.typescale.variable.emphasized.title-medium.weight | 600 Emphasized Title Medium weight600 md.sys.typescale.variable.emphasized.title-medium.weight
600 |
Emphasized Title Medium wghtmd.sys.typescale.variable.emphasized.title-medium.wght | AxisValue: Tag: wght · Value: 600 Emphasized Title Medium wghtAxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.title-medium.wght
AxisValue: Tag: wght · Value: 600 |
Emphasized Title Medium gradmd.sys.typescale.variable.emphasized.title-medium.grad | AxisValue: Tag: GRAD Emphasized Title Medium gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.title-medium.gradAxisValue: Tag: GRAD |
Emphasized Title Medium wdthmd.sys.typescale.variable.emphasized.title-medium.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Title Medium wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.title-medium.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Title Medium rondmd.sys.typescale.variable.emphasized.title-medium.rond | AxisValue: Tag: ROND Emphasized Title Medium rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.title-medium.rond
AxisValue: Tag: ROND |
Emphasized Title Medium opszmd.sys.typescale.variable.emphasized.title-medium.opsz | — Emphasized Title Medium opsz— md.sys.typescale.variable.emphasized.title-medium.opsz— |
Emphasized Title Medium crsvmd.sys.typescale.variable.emphasized.title-medium.crsv | AxisValue: Tag: CRSV Emphasized Title Medium crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.title-medium.crsvAxisValue: Tag: CRSV |
Emphasized Title Medium slntmd.sys.typescale.variable.emphasized.title-medium.slnt | AxisValue: Tag: slnt Emphasized Title Medium slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.title-medium.slntAxisValue: Tag: slnt |
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 Emphasized Title SmallRoboto 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
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 |
Emphasized Title Small fontmd.sys.typescale.variable.emphasized.title-small.font | Roboto Flex Emphasized Title Small fontRoboto Flex md.sys.typescale.variable.emphasized.title-small.font
Roboto Flex |
Emphasized Title Small line heightmd.sys.typescale.variable.emphasized.title-small.line-height | 20pt Emphasized Title Small line height20pt md.sys.typescale.variable.emphasized.title-small.line-height20pt |
Emphasized Title Small sizemd.sys.typescale.variable.emphasized.title-small.size | 14pt Emphasized Title Small size14pt md.sys.typescale.variable.emphasized.title-small.size14pt |
Emphasized Title Small trackingmd.sys.typescale.variable.emphasized.title-small.tracking | 0pt Emphasized Title Small tracking0pt md.sys.typescale.variable.emphasized.title-small.tracking0pt |
Emphasized Title Small weightmd.sys.typescale.variable.emphasized.title-small.weight | 600 Emphasized Title Small weight600 md.sys.typescale.variable.emphasized.title-small.weight
600 |
Emphasized Title Small wghtmd.sys.typescale.variable.emphasized.title-small.wght | AxisValue: Tag: wght · Value: 600 Emphasized Title Small wghtAxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.title-small.wght
AxisValue: Tag: wght · Value: 600 |
Emphasized Title Small gradmd.sys.typescale.variable.emphasized.title-small.grad | AxisValue: Tag: GRAD Emphasized Title Small gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.title-small.gradAxisValue: Tag: GRAD |
Emphasized Title Small wdthmd.sys.typescale.variable.emphasized.title-small.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Title Small wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.title-small.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Title Small rondmd.sys.typescale.variable.emphasized.title-small.rond | AxisValue: Tag: ROND Emphasized Title Small rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.title-small.rond
AxisValue: Tag: ROND |
Emphasized Title Small opszmd.sys.typescale.variable.emphasized.title-small.opsz | — Emphasized Title Small opsz— md.sys.typescale.variable.emphasized.title-small.opsz— |
Emphasized Title Small crsvmd.sys.typescale.variable.emphasized.title-small.crsv | AxisValue: Tag: CRSV Emphasized Title Small crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.title-small.crsvAxisValue: Tag: CRSV |
Emphasized Title Small slntmd.sys.typescale.variable.emphasized.title-small.slnt | AxisValue: Tag: slnt Emphasized Title Small slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.title-small.slntAxisValue: Tag: slnt |
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 Emphasized Body LargeRoboto 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
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 |
Emphasized Body Large fontmd.sys.typescale.variable.emphasized.body-large.font | Roboto Flex Emphasized Body Large fontRoboto Flex md.sys.typescale.variable.emphasized.body-large.font
Roboto Flex |
Emphasized Body Large line heightmd.sys.typescale.variable.emphasized.body-large.line-height | 24pt Emphasized Body Large line height24pt md.sys.typescale.variable.emphasized.body-large.line-height24pt |
Emphasized Body Large sizemd.sys.typescale.variable.emphasized.body-large.size | 16pt Emphasized Body Large size16pt md.sys.typescale.variable.emphasized.body-large.size16pt |
Emphasized Body Large trackingmd.sys.typescale.variable.emphasized.body-large.tracking | 0pt Emphasized Body Large tracking0pt md.sys.typescale.variable.emphasized.body-large.tracking0pt |
Emphasized Body Large weightmd.sys.typescale.variable.emphasized.body-large.weight | 500 Emphasized Body Large weight500 md.sys.typescale.variable.emphasized.body-large.weight
500 |
Emphasized Body Large wghtmd.sys.typescale.variable.emphasized.body-large.wght | AxisValue: Tag: wght · Value: 500 Emphasized Body Large wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.body-large.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Body Large gradmd.sys.typescale.variable.emphasized.body-large.grad | AxisValue: Tag: GRAD Emphasized Body Large gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.body-large.gradAxisValue: Tag: GRAD |
Emphasized Body Large wdthmd.sys.typescale.variable.emphasized.body-large.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Body Large wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.body-large.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Body Large rondmd.sys.typescale.variable.emphasized.body-large.rond | AxisValue: Tag: ROND Emphasized Body Large rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.body-large.rond
AxisValue: Tag: ROND |
Emphasized Body Large opszmd.sys.typescale.variable.emphasized.body-large.opsz | — Emphasized Body Large opsz— md.sys.typescale.variable.emphasized.body-large.opsz— |
Emphasized Body Large crsvmd.sys.typescale.variable.emphasized.body-large.crsv | AxisValue: Tag: CRSV Emphasized Body Large crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.body-large.crsvAxisValue: Tag: CRSV |
Emphasized Body Large slntmd.sys.typescale.variable.emphasized.body-large.slnt | AxisValue: Tag: slnt Emphasized Body Large slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.body-large.slntAxisValue: Tag: slnt |
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 Emphasized Body MediumRoboto 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
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 |
Emphasized Body Medium fontmd.sys.typescale.variable.emphasized.body-medium.font | Roboto Flex Emphasized Body Medium fontRoboto Flex md.sys.typescale.variable.emphasized.body-medium.font
Roboto Flex |
Emphasized Body Medium line heightmd.sys.typescale.variable.emphasized.body-medium.line-height | 20pt Emphasized Body Medium line height20pt md.sys.typescale.variable.emphasized.body-medium.line-height20pt |
Emphasized Body Medium sizemd.sys.typescale.variable.emphasized.body-medium.size | 14pt Emphasized Body Medium size14pt md.sys.typescale.variable.emphasized.body-medium.size14pt |
Emphasized Body Medium trackingmd.sys.typescale.variable.emphasized.body-medium.tracking | 0pt Emphasized Body Medium tracking0pt md.sys.typescale.variable.emphasized.body-medium.tracking0pt |
Emphasized Body Medium weightmd.sys.typescale.variable.emphasized.body-medium.weight | 500 Emphasized Body Medium weight500 md.sys.typescale.variable.emphasized.body-medium.weight
500 |
Emphasized Body Medium wghtmd.sys.typescale.variable.emphasized.body-medium.wght | AxisValue: Tag: wght · Value: 500 Emphasized Body Medium wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.body-medium.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Body Medium gradmd.sys.typescale.variable.emphasized.body-medium.grad | AxisValue: Tag: GRAD Emphasized Body Medium gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.body-medium.gradAxisValue: Tag: GRAD |
Emphasized Body Medium wdthmd.sys.typescale.variable.emphasized.body-medium.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Body Medium wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.body-medium.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Body Medium rondmd.sys.typescale.variable.emphasized.body-medium.rond | AxisValue: Tag: ROND Emphasized Body Medium rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.body-medium.rond
AxisValue: Tag: ROND |
Emphasized Body Medium opszmd.sys.typescale.variable.emphasized.body-medium.opsz | — Emphasized Body Medium opsz— md.sys.typescale.variable.emphasized.body-medium.opsz— |
Emphasized Body Medium crsvmd.sys.typescale.variable.emphasized.body-medium.crsv | AxisValue: Tag: CRSV Emphasized Body Medium crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.body-medium.crsvAxisValue: Tag: CRSV |
Emphasized Body Medium slntmd.sys.typescale.variable.emphasized.body-medium.slnt | AxisValue: Tag: slnt Emphasized Body Medium slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.body-medium.slntAxisValue: Tag: slnt |
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 Emphasized Body SmallRoboto 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
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 |
Emphasized Body Small fontmd.sys.typescale.variable.emphasized.body-small.font | Roboto Flex Emphasized Body Small fontRoboto Flex md.sys.typescale.variable.emphasized.body-small.font
Roboto Flex |
Emphasized Body Small line heightmd.sys.typescale.variable.emphasized.body-small.line-height | 16pt Emphasized Body Small line height16pt md.sys.typescale.variable.emphasized.body-small.line-height16pt |
Emphasized Body Small sizemd.sys.typescale.variable.emphasized.body-small.size | 12pt Emphasized Body Small size12pt md.sys.typescale.variable.emphasized.body-small.size12pt |
Emphasized Body Small trackingmd.sys.typescale.variable.emphasized.body-small.tracking | 0pt Emphasized Body Small tracking0pt md.sys.typescale.variable.emphasized.body-small.tracking0pt |
Emphasized Body Small weightmd.sys.typescale.variable.emphasized.body-small.weight | 500 Emphasized Body Small weight500 md.sys.typescale.variable.emphasized.body-small.weight
500 |
Emphasized Body Small wghtmd.sys.typescale.variable.emphasized.body-small.wght | AxisValue: Tag: wght · Value: 500 Emphasized Body Small wghtAxisValue: Tag: wght · Value: 500 md.sys.typescale.variable.emphasized.body-small.wght
AxisValue: Tag: wght · Value: 500 |
Emphasized Body Small gradmd.sys.typescale.variable.emphasized.body-small.grad | AxisValue: Tag: GRAD Emphasized Body Small gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.body-small.gradAxisValue: Tag: GRAD |
Emphasized Body Small wdthmd.sys.typescale.variable.emphasized.body-small.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Body Small wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.body-small.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Body Small rondmd.sys.typescale.variable.emphasized.body-small.rond | AxisValue: Tag: ROND Emphasized Body Small rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.body-small.rond
AxisValue: Tag: ROND |
Emphasized Body Small opszmd.sys.typescale.variable.emphasized.body-small.opsz | — Emphasized Body Small opsz— md.sys.typescale.variable.emphasized.body-small.opsz— |
Emphasized Body Small crsvmd.sys.typescale.variable.emphasized.body-small.crsv | AxisValue: Tag: CRSV Emphasized Body Small crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.body-small.crsvAxisValue: Tag: CRSV |
Emphasized Body Small slntmd.sys.typescale.variable.emphasized.body-small.slnt | AxisValue: Tag: slnt Emphasized Body Small slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.body-small.slntAxisValue: Tag: slnt |
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 Emphasized Label LargeRoboto 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
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 |
Emphasized Label Large fontmd.sys.typescale.variable.emphasized.label-large.font | Roboto Flex Emphasized Label Large fontRoboto Flex md.sys.typescale.variable.emphasized.label-large.font
Roboto Flex |
Emphasized Label Large line heightmd.sys.typescale.variable.emphasized.label-large.line-height | 20pt Emphasized Label Large line height20pt md.sys.typescale.variable.emphasized.label-large.line-height20pt |
Emphasized Label Large sizemd.sys.typescale.variable.emphasized.label-large.size | 14pt Emphasized Label Large size14pt md.sys.typescale.variable.emphasized.label-large.size14pt |
Emphasized Label Large trackingmd.sys.typescale.variable.emphasized.label-large.tracking | 0pt Emphasized Label Large tracking0pt md.sys.typescale.variable.emphasized.label-large.tracking0pt |
Emphasized Label Large weightmd.sys.typescale.variable.emphasized.label-large.weight | 600 Emphasized Label Large weight600 md.sys.typescale.variable.emphasized.label-large.weight
600 |
Emphasized Label Large wghtmd.sys.typescale.variable.emphasized.label-large.wght | AxisValue: Tag: wght · Value: 600 Emphasized Label Large wghtAxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.label-large.wght
AxisValue: Tag: wght · Value: 600 |
Emphasized Label Large gradmd.sys.typescale.variable.emphasized.label-large.grad | AxisValue: Tag: GRAD Emphasized Label Large gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.label-large.gradAxisValue: Tag: GRAD |
Emphasized Label Large wdthmd.sys.typescale.variable.emphasized.label-large.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Label Large wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.label-large.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Label Large rondmd.sys.typescale.variable.emphasized.label-large.rond | AxisValue: Tag: ROND Emphasized Label Large rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.label-large.rond
AxisValue: Tag: ROND |
Emphasized Label Large opszmd.sys.typescale.variable.emphasized.label-large.opsz | — Emphasized Label Large opsz— md.sys.typescale.variable.emphasized.label-large.opsz— |
Emphasized Label Large crsvmd.sys.typescale.variable.emphasized.label-large.crsv | AxisValue: Tag: CRSV Emphasized Label Large crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.label-large.crsvAxisValue: Tag: CRSV |
Emphasized Label Large slntmd.sys.typescale.variable.emphasized.label-large.slnt | AxisValue: Tag: slnt Emphasized Label Large slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.label-large.slntAxisValue: Tag: slnt |
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 Emphasized Label MediumRoboto 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
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 |
Emphasized Label Medium fontmd.sys.typescale.variable.emphasized.label-medium.font | Roboto Flex Emphasized Label Medium fontRoboto Flex md.sys.typescale.variable.emphasized.label-medium.font
Roboto Flex |
Emphasized Label Medium line heightmd.sys.typescale.variable.emphasized.label-medium.line-height | 16pt Emphasized Label Medium line height16pt md.sys.typescale.variable.emphasized.label-medium.line-height16pt |
Emphasized Label Medium sizemd.sys.typescale.variable.emphasized.label-medium.size | 12pt Emphasized Label Medium size12pt md.sys.typescale.variable.emphasized.label-medium.size12pt |
Emphasized Label Medium trackingmd.sys.typescale.variable.emphasized.label-medium.tracking | 0pt Emphasized Label Medium tracking0pt md.sys.typescale.variable.emphasized.label-medium.tracking0pt |
Emphasized Label Medium weightmd.sys.typescale.variable.emphasized.label-medium.weight | 600 Emphasized Label Medium weight600 md.sys.typescale.variable.emphasized.label-medium.weight
600 |
Emphasized Label Medium wghtmd.sys.typescale.variable.emphasized.label-medium.wght | AxisValue: Tag: wght · Value: 600 Emphasized Label Medium wghtAxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.label-medium.wght
AxisValue: Tag: wght · Value: 600 |
Emphasized Label Medium gradmd.sys.typescale.variable.emphasized.label-medium.grad | AxisValue: Tag: GRAD Emphasized Label Medium gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.label-medium.gradAxisValue: Tag: GRAD |
Emphasized Label Medium wdthmd.sys.typescale.variable.emphasized.label-medium.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Label Medium wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.label-medium.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Label Medium rondmd.sys.typescale.variable.emphasized.label-medium.rond | AxisValue: Tag: ROND Emphasized Label Medium rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.label-medium.rond
AxisValue: Tag: ROND |
Emphasized Label Medium opszmd.sys.typescale.variable.emphasized.label-medium.opsz | — Emphasized Label Medium opsz— md.sys.typescale.variable.emphasized.label-medium.opsz— |
Emphasized Label Medium crsvmd.sys.typescale.variable.emphasized.label-medium.crsv | AxisValue: Tag: CRSV Emphasized Label Medium crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.label-medium.crsvAxisValue: Tag: CRSV |
Emphasized Label Medium slntmd.sys.typescale.variable.emphasized.label-medium.slnt | AxisValue: Tag: slnt Emphasized Label Medium slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.label-medium.slntAxisValue: Tag: slnt |
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 Emphasized Label SmallRoboto 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
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 |
Emphasized Label Small fontmd.sys.typescale.variable.emphasized.label-small.font | Roboto Flex Emphasized Label Small fontRoboto Flex md.sys.typescale.variable.emphasized.label-small.font
Roboto Flex |
Emphasized Label Small line heightmd.sys.typescale.variable.emphasized.label-small.line-height | 16pt Emphasized Label Small line height16pt md.sys.typescale.variable.emphasized.label-small.line-height16pt |
Emphasized Label Small sizemd.sys.typescale.variable.emphasized.label-small.size | 11pt Emphasized Label Small size11pt md.sys.typescale.variable.emphasized.label-small.size11pt |
Emphasized Label Small trackingmd.sys.typescale.variable.emphasized.label-small.tracking | 0pt Emphasized Label Small tracking0pt md.sys.typescale.variable.emphasized.label-small.tracking0pt |
Emphasized Label Small weightmd.sys.typescale.variable.emphasized.label-small.weight | 600 Emphasized Label Small weight600 md.sys.typescale.variable.emphasized.label-small.weight
600 |
Emphasized Label Small wghtmd.sys.typescale.variable.emphasized.label-small.wght | AxisValue: Tag: wght · Value: 600 Emphasized Label Small wghtAxisValue: Tag: wght · Value: 600 md.sys.typescale.variable.emphasized.label-small.wght
AxisValue: Tag: wght · Value: 600 |
Emphasized Label Small gradmd.sys.typescale.variable.emphasized.label-small.grad | AxisValue: Tag: GRAD Emphasized Label Small gradAxisValue: Tag: GRAD md.sys.typescale.variable.emphasized.label-small.gradAxisValue: Tag: GRAD |
Emphasized Label Small wdthmd.sys.typescale.variable.emphasized.label-small.wdth | AxisValue: Tag: wdth · Value: 100 Emphasized Label Small wdthAxisValue: Tag: wdth · Value: 100 md.sys.typescale.variable.emphasized.label-small.wdthAxisValue: Tag: wdth · Value: 100 |
Emphasized Label Small rondmd.sys.typescale.variable.emphasized.label-small.rond | AxisValue: Tag: ROND Emphasized Label Small rondAxisValue: Tag: ROND md.sys.typescale.variable.emphasized.label-small.rond
AxisValue: Tag: ROND |
Emphasized Label Small opszmd.sys.typescale.variable.emphasized.label-small.opsz | — Emphasized Label Small opsz— md.sys.typescale.variable.emphasized.label-small.opsz— |
Emphasized Label Small crsvmd.sys.typescale.variable.emphasized.label-small.crsv | AxisValue: Tag: CRSV Emphasized Label Small crsvAxisValue: Tag: CRSV md.sys.typescale.variable.emphasized.label-small.crsvAxisValue: Tag: CRSV |
Emphasized Label Small slntmd.sys.typescale.variable.emphasized.label-small.slnt | AxisValue: Tag: slnt Emphasized Label Small slntAxisValue: Tag: slnt md.sys.typescale.variable.emphasized.label-small.slntAxisValue: Tag: slnt |