Tokens / Typography

Typography

Explore typefaces and text styles for desktop and mobile.

Filter

Fonts

Typefaces for headings and body text.

Fonts tokens and values
Token and description	Value
Typeface for headings.	Helix, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif
Typeface for body text.	Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif

Typography

Text styles for headings, body text, and links.

Typography tokens and previews
Token and description	Preview
h1 - mobile
h1 - mobile - 48px
h1 - mobile
h1 - mobile
h1 - mobile
h1 - desktop
h1 - desktop - 72px
h1 - desktop
h1 - desktop
h1 - desktop
h2 - mobile
h2 - mobile - 42px
h2 - mobile
h2 - mobile
h2 - mobile
h2 - desktop
h2 - desktop - 64px
h2 - desktop
h2 - desktop
h2 - desktop
h3 - mobile
h3 - mobile - 36px
h3 - mobile
h3 - mobile
h3 - mobile
h3 - desktop
h3 - desktop - 56px
h3 - desktop
h3 - desktop
h3 - desktop
h4 - mobile
h4 - mobile - 32px
h4 - mobile
h4 - mobile
h4 - mobile
h4 - desktop
h4 - desktop - 48px
h4 - desktop
h4 - desktop
h4 - desktop
h5 - mobile
h5 - mobile - 28px
h5 - mobile
h5 - mobile
h5 - mobile
h5 - desktop
h5 - desktop - 40px
h5 - desktop
h5 - desktop
h5 - desktop
h6 - mobile
h6 - mobile - 24px
h6 - mobile
h6 - mobile
h6 - mobile
h6 - desktop
h6 - desktop - 32px
h6 - desktop
h6 - desktop
h6 - desktop
body xl - medium
body xl - medium - 18px
body xl - medium
body xl - medium
body xl - medium
body xl - medium
body xl - medium - 20px
body xl - medium
body xl - medium
body xl - medium
body xl - regular
body xl - regular - 18px
body xl - regular
body xl - regular
body xl - regular
body xl - regular
body xl - regular - 20px
body xl - regular
body xl - regular
body xl - regular
body lg - medium
body lg - medium - 16px
body lg - medium
body lg - medium
body lg - medium
body lg - medium
body lg - medium - 18px
body lg - medium
body lg - medium
body lg - medium
body lg - regular
body lg - regular - 16px
body lg - regular
body lg - regular
body lg - regular
body lg - regular
body lg - regular - 18px
body lg - regular
body lg - regular
body lg - regular
body md - medium
body md - medium - 14px
body md - medium
body md - medium
body md - medium
body md - medium
body md - medium - 16px
body md - medium
body md - medium
body md - medium
body md - regular
body md - regular - 14px
body md - regular
body md - regular
body md - regular
body md - regular
body md - regular - 16px
body md - regular
body md - regular
body md - regular
body sm - medium
body sm - medium - 14px
body sm - medium
body sm - medium
body sm - medium
body sm - medium
body sm - medium - 14px
body sm - medium
body sm - medium
body sm - medium
body sm - regular
body sm - regular - 14px
body sm - regular
body sm - regular
body sm - regular
body sm - regular
body sm - regular - 14px
body sm - regular
body sm - regular
body sm - regular
body xs - medium
body xs - medium - 12px
body xs - medium
body xs - medium
body xs - medium
body xs - medium
body xs - medium - 12px
body xs - medium
body xs - medium
body xs - medium
body xs - regular
body xs - regular - 12px
body xs - regular
body xs - regular
body xs - regular
body xs - regular
body xs - regular - 12px
body xs - regular
body xs - regular
body xs - regular
link lg - medium
link lg - medium - 18px
link lg - medium
link lg - medium
link lg - medium
link lg - medium
link lg - medium - 18px
link lg - medium
link lg - medium
link lg - medium
link md - medium
link md - medium - 16px
link md - medium
link md - medium
link md - medium
link md - medium
link md - medium - 16px
link md - medium
link md - medium
link md - medium
link sm - medium
link sm - medium - 14px
link sm - medium
link sm - medium
link sm - medium
link sm - medium
link sm - medium - 14px
link sm - medium
link sm - medium
link sm - medium