The System
Color
Notebook
Subtlest--surface-neutral-subtlest
Subtle--surface-neutral-subtle
Strong--surface-neutral-strong
Strongest--surface-neutral-strongest
Accent Faintest--surface-accent-faintest
Accent Subtlest--surface-accent-subtlest
Accent Subtle--surface-accent-subtle
Accent Strongest--surface-accent-strongest
Glass--surface-glass
Typography
Syncro
ABCDEFGHIJKLMNOPQRSTUVWXYZ
The quick brown fox jumps over the lazy dog
9xl80–128px
Display
--font-size-9xl8xl64–96px
Display
--font-size-8xl7xl56–72px
Heading
--font-size-7xl6xl48–60px
Heading
--font-size-6xl5xl40–48px
Heading
--font-size-5xl4xl36px
Heading
--font-size-4xl3xl30px
Subheading
--font-size-3xl2xl24px
Subheading
--font-size-2xlxl20px
Body text for leads and intros
--font-size-xllg18px
Body text for primary content
--font-size-lgmd16px
Default body text for paragraphs
--font-size-mdsm14px
Secondary text and metadata
--font-size-smxs12px
Labels, captions, and fine print
--font-size-xs