Material Design 3 sys tokens

Change history (1452)Material Design 3 documentation

Browse tokens

General

Typescale

Body Large

Body Large tokens
Token	Value
Body Large line height`md.sys.typescale.body-large.line-height`	24pt

Body Medium

Body Medium tokens
Token	Value
Body Medium line height`md.sys.typescale.body-medium.line-height`	20pt

Body Small

Body Small tokens
Token	Value
Body Small line height`md.sys.typescale.body-small.line-height`	16pt

Display Large

Display Large tokens
Token	Value
Display Large line height`md.sys.typescale.display-large.line-height`	64pt

Display Medium

Display Medium tokens
Token	Value
Display Medium line height`md.sys.typescale.display-medium.line-height`	52pt

Display Small

Display Small tokens
Token	Value
Display Small line height`md.sys.typescale.display-small.line-height`	44pt

Emphasized

Body Large

Body Large tokens
Token	Value
Emphasized Body Large line height`md.sys.typescale.emphasized.body-large.line-height`	24pt

Body Medium

Body Medium tokens
Token	Value
Emphasized Body Medium line height`md.sys.typescale.emphasized.body-medium.line-height`	20pt

Body Small

Body Small tokens
Token	Value
Emphasized Body Small line height`md.sys.typescale.emphasized.body-small.line-height`	16pt

Display Large

Display Large tokens
Token	Value
Emphasized Display Large line height`md.sys.typescale.emphasized.display-large.line-height`	64pt

Display Medium

Display Medium tokens
Token	Value
Emphasized Display Medium line height`md.sys.typescale.emphasized.display-medium.line-height`	52pt

Display Small

Display Small tokens
Token	Value
Emphasized Display Small line height`md.sys.typescale.emphasized.display-small.line-height`	44pt

Headline Large

Headline Large tokens
Token	Value
Emphasized Headline Large line height`md.sys.typescale.emphasized.headline-large.line-height`	40pt

Headline Medium

Headline Medium tokens
Token	Value
Emphasized Headline Medium line height`md.sys.typescale.emphasized.headline-medium.line-height`	36pt

Headline Small

Headline Small tokens
Token	Value
Emphasized Headline Small line height`md.sys.typescale.emphasized.headline-small.line-height`	32pt

Label Large

Label Large tokens
Token	Value
Emphasized Label Large line height`md.sys.typescale.emphasized.label-large.line-height`	20pt

Label Medium

Label Medium tokens
Token	Value
Emphasized Label Medium line height`md.sys.typescale.emphasized.label-medium.line-height`	16pt

Label Small

Label Small tokens
Token	Value
Emphasized Label Small line height`md.sys.typescale.emphasized.label-small.line-height`	16pt

Title Large

Title Large tokens
Token	Value
Emphasized Title Large line height`md.sys.typescale.emphasized.title-large.line-height`	28pt

Title Medium

Title Medium tokens
Token	Value
Emphasized Title Medium line height`md.sys.typescale.emphasized.title-medium.line-height`	24pt

Title Small

Title Small tokens
Token	Value
Emphasized Title Small line height`md.sys.typescale.emphasized.title-small.line-height`	20pt

Headline Large

Headline Large tokens
Token	Value
Headline Large line height`md.sys.typescale.headline-large.line-height`	40pt

Headline Medium

Headline Medium tokens
Token	Value
Headline Medium line height`md.sys.typescale.headline-medium.line-height`	36pt

Headline Small

Headline Small tokens
Token	Value
Headline Small line height`md.sys.typescale.headline-small.line-height`	32pt

Label Large

Label Large tokens
Token	Value
Label Large line height`md.sys.typescale.label-large.line-height`	20pt

Label Medium

Label Medium tokens
Token	Value
Label Medium line height`md.sys.typescale.label-medium.line-height`	16pt

Label Small

Label Small tokens
Token	Value
Label Small line height`md.sys.typescale.label-small.line-height`	16pt

Title Large

Title Large tokens
Token	Value
Title Large line height`md.sys.typescale.title-large.line-height`	28pt

Title Medium

Title Medium tokens
Token	Value
Title Medium line height`md.sys.typescale.title-medium.line-height`	24pt

Title Small

Title Small tokens
Token	Value
Title Small line height`md.sys.typescale.title-small.line-height`	20pt

Variable

Body Large

Body Large tokens
Token	Value
Body Large line height`md.sys.typescale.variable.body-large.line-height`	24pt

Body Medium

Body Medium tokens
Token	Value
Body Medium line height`md.sys.typescale.variable.body-medium.line-height`	20pt

Body Small

Body Small tokens
Token	Value
Body Small line height`md.sys.typescale.variable.body-small.line-height`	16pt

Display Large

Display Large tokens
Token	Value
Display Large line height`md.sys.typescale.variable.display-large.line-height`	64pt

Display Medium

Display Medium tokens
Token	Value
Display Medium line height`md.sys.typescale.variable.display-medium.line-height`	52pt

Display Small

Display Small tokens
Token	Value
Display Small line height`md.sys.typescale.variable.display-small.line-height`	44pt

Emphasized

Body Large

Body Large tokens
Token	Value
Emphasized Body Large line height`md.sys.typescale.variable.emphasized.body-large.line-height`	24pt

Body Medium

Body Medium tokens
Token	Value
Emphasized Body Medium line height`md.sys.typescale.variable.emphasized.body-medium.line-height`	20pt

Body Small

Body Small tokens
Token	Value
Emphasized Body Small line height`md.sys.typescale.variable.emphasized.body-small.line-height`	16pt

Display Large

Display Large tokens
Token	Value
Emphasized Display Large line height`md.sys.typescale.variable.emphasized.display-large.line-height`	64pt

Display Medium

Display Medium tokens
Token	Value
Emphasized Display Medium line height`md.sys.typescale.variable.emphasized.display-medium.line-height`	52pt

Display Small

Display Small tokens
Token	Value
Emphasized Display Small line height`md.sys.typescale.variable.emphasized.display-small.line-height`	44pt

Headline Large

Headline Large tokens
Token	Value
Emphasized Headline Large line height`md.sys.typescale.variable.emphasized.headline-large.line-height`	40pt

Headline Medium

Headline Medium tokens
Token	Value
Emphasized Headline Medium line height`md.sys.typescale.variable.emphasized.headline-medium.line-height`	36pt

Headline Small

Headline Small tokens
Token	Value
Emphasized Headline Small line height`md.sys.typescale.variable.emphasized.headline-small.line-height`	32pt

Label Large

Label Large tokens
Token	Value
Emphasized Label Large line height`md.sys.typescale.variable.emphasized.label-large.line-height`	20pt

Label Medium

Label Medium tokens
Token	Value
Emphasized Label Medium line height`md.sys.typescale.variable.emphasized.label-medium.line-height`	16pt

Label Small

Label Small tokens
Token	Value
Emphasized Label Small line height`md.sys.typescale.variable.emphasized.label-small.line-height`	16pt

Title Large

Title Large tokens
Token	Value
Emphasized Title Large line height`md.sys.typescale.variable.emphasized.title-large.line-height`	28pt

Title Medium

Title Medium tokens
Token	Value
Emphasized Title Medium line height`md.sys.typescale.variable.emphasized.title-medium.line-height`	24pt

Title Small

Title Small tokens
Token	Value
Emphasized Title Small line height`md.sys.typescale.variable.emphasized.title-small.line-height`	20pt

Headline Large

Headline Large tokens
Token	Value
Headline Large line height`md.sys.typescale.variable.headline-large.line-height`	40pt

Headline Medium

Headline Medium tokens
Token	Value
Headline Medium line height`md.sys.typescale.variable.headline-medium.line-height`	36pt

Headline Small

Headline Small tokens
Token	Value
Headline Small line height`md.sys.typescale.variable.headline-small.line-height`	32pt

Label Large

Label Large tokens
Token	Value
Label Large line height`md.sys.typescale.variable.label-large.line-height`	20pt

Label Medium

Label Medium tokens
Token	Value
Label Medium line height`md.sys.typescale.variable.label-medium.line-height`	16pt

Label Small

Label Small tokens
Token	Value
Label Small line height`md.sys.typescale.variable.label-small.line-height`	16pt

Title Large

Title Large tokens
Token	Value
Title Large line height`md.sys.typescale.variable.title-large.line-height`	28pt

Title Medium

Title Medium tokens
Token	Value
Title Medium line height`md.sys.typescale.variable.title-medium.line-height`	24pt

Title Small

Title Small tokens
Token	Value
Title Small line height`md.sys.typescale.variable.title-small.line-height`	20pt