Style

Material Design 3 sys tokens

Browse tokens

Token

See more values

Compare token values by selecting another context

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

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

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

Font

General
Typescale
Body Large
Body Large tokens
TokenValue
Body Large font trackingmd.sys.typescale.body-large.tracking0.5pt
Body Medium
Body Medium tokens
TokenValue
Body Medium font trackingmd.sys.typescale.body-medium.tracking0.25pt
Body Small
Body Small tokens
TokenValue
Body Small font trackingmd.sys.typescale.body-small.tracking0.4pt
Display Large
Display Large tokens
TokenValue
Display Large font trackingmd.sys.typescale.display-large.tracking-0.25pt
Display Medium
Display Medium tokens
TokenValue
Display Medium font trackingmd.sys.typescale.display-medium.trackingNo value specified (pt)
Display Small
Display Small tokens
TokenValue
Display Small font trackingmd.sys.typescale.display-small.trackingNo value specified (pt)
Emphasized
Body Large
Body Large tokens
TokenValue
Emphasized Body Large trackingmd.sys.typescale.emphasized.body-large.tracking0.5pt
Body Medium
Body Medium tokens
TokenValue
Emphasized Body Medium trackingmd.sys.typescale.emphasized.body-medium.tracking0.25pt
Body Small
Body Small tokens
TokenValue
Emphasized Body Small trackingmd.sys.typescale.emphasized.body-small.tracking0.4pt
Display Large
Display Large tokens
TokenValue
Emphasized Display Large trackingmd.sys.typescale.emphasized.display-large.tracking-0.25pt
Display Medium
Display Medium tokens
TokenValue
Emphasized Display Medium trackingmd.sys.typescale.emphasized.display-medium.trackingNo value specified (pt)
Display Small
Display Small tokens
TokenValue
Emphasized Display Small trackingmd.sys.typescale.emphasized.display-small.trackingNo value specified (pt)
Headline Large
Headline Large tokens
TokenValue
Emphasized Headline Large trackingmd.sys.typescale.emphasized.headline-large.trackingNo value specified (pt)
Headline Medium
Headline Medium tokens
TokenValue
Emphasized Headline Medium trackingmd.sys.typescale.emphasized.headline-medium.trackingNo value specified (pt)
Headline Small
Headline Small tokens
TokenValue
Emphasized Headline Small trackingmd.sys.typescale.emphasized.headline-small.trackingNo value specified (pt)
Label Large
Label Large tokens
TokenValue
Emphasized Label Large trackingmd.sys.typescale.emphasized.label-large.tracking0.1pt
Label Medium
Label Medium tokens
TokenValue
Emphasized Label Medium trackingmd.sys.typescale.emphasized.label-medium.tracking0.5pt
Label Small
Label Small tokens
TokenValue
Emphasized Label Small trackingmd.sys.typescale.emphasized.label-small.tracking0.5pt
Title Large
Title Large tokens
TokenValue
Emphasized Title Large trackingmd.sys.typescale.emphasized.title-large.trackingNo value specified (pt)
Title Medium
Title Medium tokens
TokenValue
Emphasized Title Medium trackingmd.sys.typescale.emphasized.title-medium.tracking0.15pt
Title Small
Title Small tokens
TokenValue
Emphasized Title Small trackingmd.sys.typescale.emphasized.title-small.tracking0.1pt
Headline Large
Headline Large tokens
TokenValue
Headline Large font trackingmd.sys.typescale.headline-large.trackingNo value specified (pt)
Headline Medium
Headline Medium tokens
TokenValue
Headline Medium font trackingmd.sys.typescale.headline-medium.trackingNo value specified (pt)
Headline Small
Headline Small tokens
TokenValue
Headline Small font trackingmd.sys.typescale.headline-small.trackingNo value specified (pt)
Label Large
Label Large tokens
TokenValue
Label Large font trackingmd.sys.typescale.label-large.tracking0.1pt
Label Medium
Label Medium tokens
TokenValue
Label Medium font trackingmd.sys.typescale.label-medium.tracking0.5pt
Label Small
Label Small tokens
TokenValue
Label Small font trackingmd.sys.typescale.label-small.tracking0.5pt
Title Large
Title Large tokens
TokenValue
Title Large font trackingmd.sys.typescale.title-large.trackingNo value specified (pt)
Title Medium
Title Medium tokens
TokenValue
Title Medium font trackingmd.sys.typescale.title-medium.tracking0.15pt
Title Small
Title Small tokens
TokenValue
Title Small font trackingmd.sys.typescale.title-small.tracking0.1pt
Variable
Body Large
Body Large tokens
TokenValue
Body Large font trackingmd.sys.typescale.variable.body-large.trackingNo value specified (pt)
Body Medium
Body Medium tokens
TokenValue
Body Medium font trackingmd.sys.typescale.variable.body-medium.trackingNo value specified (pt)
Body Small
Body Small tokens
TokenValue
Body Small font trackingmd.sys.typescale.variable.body-small.trackingNo value specified (pt)
Display Large
Display Large tokens
TokenValue
Display Large font trackingmd.sys.typescale.variable.display-large.trackingNo value specified (pt)
Display Medium
Display Medium tokens
TokenValue
Display Medium font trackingmd.sys.typescale.variable.display-medium.trackingNo value specified (pt)
Display Small
Display Small tokens
TokenValue
Display Small font trackingmd.sys.typescale.variable.display-small.trackingNo value specified (pt)
Emphasized
Body Large
Body Large tokens
TokenValue
Emphasized Body Large trackingmd.sys.typescale.variable.emphasized.body-large.trackingNo value specified (pt)
Body Medium
Body Medium tokens
TokenValue
Emphasized Body Medium trackingmd.sys.typescale.variable.emphasized.body-medium.trackingNo value specified (pt)
Body Small
Body Small tokens
TokenValue
Emphasized Body Small trackingmd.sys.typescale.variable.emphasized.body-small.trackingNo value specified (pt)
Display Large
Display Large tokens
TokenValue
Emphasized Display Large trackingmd.sys.typescale.variable.emphasized.display-large.trackingNo value specified (pt)
Display Medium
Display Medium tokens
TokenValue
Emphasized Display Medium trackingmd.sys.typescale.variable.emphasized.display-medium.trackingNo value specified (pt)
Display Small
Display Small tokens
TokenValue
Emphasized Display Small trackingmd.sys.typescale.variable.emphasized.display-small.trackingNo value specified (pt)
Headline Large
Headline Large tokens
TokenValue
Emphasized Headline Large trackingmd.sys.typescale.variable.emphasized.headline-large.trackingNo value specified (pt)
Headline Medium
Headline Medium tokens
TokenValue
Emphasized Headline Medium trackingmd.sys.typescale.variable.emphasized.headline-medium.trackingNo value specified (pt)
Headline Small
Headline Small tokens
TokenValue
Emphasized Headline Small trackingmd.sys.typescale.variable.emphasized.headline-small.trackingNo value specified (pt)
Label Large
Label Large tokens
TokenValue
Emphasized Label Large trackingmd.sys.typescale.variable.emphasized.label-large.trackingNo value specified (pt)
Label Medium
Label Medium tokens
TokenValue
Emphasized Label Medium trackingmd.sys.typescale.variable.emphasized.label-medium.trackingNo value specified (pt)
Label Small
Label Small tokens
TokenValue
Emphasized Label Small trackingmd.sys.typescale.variable.emphasized.label-small.trackingNo value specified (pt)
Title Large
Title Large tokens
TokenValue
Emphasized Title Large trackingmd.sys.typescale.variable.emphasized.title-large.trackingNo value specified (pt)
Title Medium
Title Medium tokens
TokenValue
Emphasized Title Medium trackingmd.sys.typescale.variable.emphasized.title-medium.trackingNo value specified (pt)
Title Small
Title Small tokens
TokenValue
Emphasized Title Small trackingmd.sys.typescale.variable.emphasized.title-small.trackingNo value specified (pt)
Headline Large
Headline Large tokens
TokenValue
Headline Large font trackingmd.sys.typescale.variable.headline-large.trackingNo value specified (pt)
Headline Medium
Headline Medium tokens
TokenValue
Headline Medium font trackingmd.sys.typescale.variable.headline-medium.trackingNo value specified (pt)
Headline Small
Headline Small tokens
TokenValue
Headline Small font trackingmd.sys.typescale.variable.headline-small.trackingNo value specified (pt)
Label Large
Label Large tokens
TokenValue
Label Large font trackingmd.sys.typescale.variable.label-large.trackingNo value specified (pt)
Label Medium
Label Medium tokens
TokenValue
Label Medium font trackingmd.sys.typescale.variable.label-medium.trackingNo value specified (pt)
Label Small
Label Small tokens
TokenValue
Label Small font trackingmd.sys.typescale.variable.label-small.trackingNo value specified (pt)
Title Large
Title Large tokens
TokenValue
Title Large font trackingmd.sys.typescale.variable.title-large.trackingNo value specified (pt)
Title Medium
Title Medium tokens
TokenValue
Title Medium font trackingmd.sys.typescale.variable.title-medium.trackingNo value specified (pt)
Title Small
Title Small tokens
TokenValue
Title Small font trackingmd.sys.typescale.variable.title-small.trackingNo value specified (pt)