Typography

Typographic system establishes scale, sizes and weight of text.

Icon for hero-design
Typeface

Roboto

Primary font used, related assets can be found in the assets page.

Download Fonts Icon for arrow-right

Aa

300

Aa

400

Aa

500

Aa

600

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

1234567890‘?’“!”(%)[#]@/&\-+÷×=®©$€£¥¢:;,.*

Typeface

Inter

Primary font used, related assets can be found in the assets page.

Download Fonts Icon for arrow-right

Aa

300

Aa

400

Aa

600

Aa

700

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

1234567890‘?’“!”(%)[#]@/&\-+÷×=®©$€£¥¢:;,.*

Type Scale

Nullam tempor nunc ut tempus vehicula. Duis dignissim sem id nulla tempus, eget cursus sapien efficitur. Suspendisse convallis odio a dui congue vulputate.

Heading 1Icon for link

Roboto · 300

62px · 1.1

Copy link to clipboard

Heading 2Icon for link

Roboto · 300

40px · 1.3

Copy link to clipboard

Heading 3Icon for link

Roboto · 400

32px · 1.3

Copy link to clipboard

Heading 4Icon for link

Roboto · 500

28px · 1.3

Copy link to clipboard

Heading 5Icon for link

Roboto · 300

24px · 1.3

Copy link to clipboard
Heading 6Icon for link

Roboto · 300

20px · 1.5

Copy link to clipboard
SubheadingIcon for link

Roboto · 400

18px · 1.6

BlockquoteIcon for link

Roboto · 400

24px · 1.3

Copy link to clipboard
Button/Text LargeIcon for link

Roboto · 500

16px · 1.3

Almost before we knew it, we had left the ground.
Button/Text MediumIcon for link

Roboto · 500

14px · 1.3

Almost before we knew it, we had left the ground.
Button/Text SmallIcon for link

Roboto · 600

12px · 1.3

Almost before we knew it, we had left the ground.
Form/HelpIcon for link

Roboto · 400

12px · 1.6

Almost before we knew it, we had left the ground.
Form/LabelIcon for link

Roboto · 400

12px · 1.6

Almost before we knew it, we had left the ground.
Form/Placeholder LargeIcon for link

Roboto · 400

16px · 1.3

Almost before we knew it, we had left the ground.
Form/Placeholder MediumIcon for link

Roboto · 400

14px · 1.4

Almost before we knew it, we had left the ground.
Form/Placeholder SmallIcon for link

Roboto · 400

12px · 1.7

Almost before we knew it, we had left the ground.
LG/BaseIcon for link

Inter · 300

18px · 1.6

Almost before we knew it, we had left the ground.
LG/StrongIcon for link

Roboto · 500

18px · 1.6

Almost before we knew it, we had left the ground.
MD/BaseIcon for link

Roboto · 300

16px · 1.6

Almost before we knew it, we had left the ground.
MD/StrongIcon for link

Roboto · 500

16px · 1.6

Almost before we knew it, we had left the ground.
SM/BaseIcon for link

Roboto · 400

14px · 1.6

Almost before we knew it, we had left the ground.
SM/StrongIcon for link

Inter · 700

14px · 1.6

Almost before we knew it, we had left the ground.
XL/BaseIcon for link

Inter · 400

20px · 1.6

Almost before we knew it, we had left the ground.
XL/StrongIcon for link

Inter · 600

20px · 1.6

Almost before we knew it, we had left the ground.
XS/BaseIcon for link

Roboto · 400

12px · 1.6

Almost before we knew it, we had left the ground.
XS/StrongIcon for link

Inter · 600

12px · 1.6

Almost before we knew it, we had left the ground.
XXL/BaseIcon for link

Inter · 400

22px · 1.6

Almost before we knew it, we had left the ground.
XXL/StrongIcon for link

Inter · 600

22px · 1.6

Almost before we knew it, we had left the ground.
XXS/BaseIcon for link

Inter · 400

10px · 1.6

Almost before we knew it, we had left the ground.
XXS/StrongIcon for link

Inter · 700

10px · 1.6

Almost before we knew it, we had left the ground.