Loading
Loading Design System pageTypography
Breakpoint
Display Level 1 Display Level 1 text
Roboto Bold / 700 / responsive 48–96px / line-height 1.05 Display Level 2 Display Level 2 text
Roboto Bold / 700 / 48px / line-height 1.1 Base 1em
--font-size-base: 16px / 1em = 16px Caption Caption text
0.875em / 14px / regular / line-height 1.2 Body Body text
1em / 16px / regular / line-height 1.5 Article Body Article body text
1.125rem / 18px / regular / line-height 1.7 Button Button text
1em / 16px / medium / line-height 1.5 Subheading Subheading text
1.125em / 18px / medium / line-height 1.2 H5 Heading 5
1.3125em / 21px / medium / line-height 1.2 H4 Heading 4
1.5em / 24px / medium / line-height 1.2 H3 Heading 3
1.75em / 28px / medium / line-height 1.2 H2 Heading 2
2em / 32px / medium / line-height 1.2 H1 Heading 1
2.3125em / 37px / medium / line-height 1.2 Rich Text Copy 70ch
--measure-rich-text-copy Rich Text Supporting 55ch
--measure-rich-text-supporting Rich Text Subheading 32ch
--measure-rich-text-subheading