Typography

Typographic system establishes scale, sizes and weight of text.

Icon for hero-design
Typeface

Raleway

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

Download Fonts Icon for arrow-right

Aa

600

Aa

700

Aa

800

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

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

Typeface

Arial

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

Download Fonts Icon for arrow-right

Aa

400

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

Raleway · 800

56px · 1.1

Copy link to clipboard

Heading 2Icon for link

Raleway · 800

44px · 1.1

Copy link to clipboard

Heading 3Icon for link

Raleway · 800

36px · 1.3

Copy link to clipboard

Heading 4Icon for link

Raleway · 700

32px · 1.3

Copy link to clipboard

Heading 5Icon for link

Raleway · 700

28px · 1.3

Copy link to clipboard
Heading 6Icon for link

Raleway · 700

22px · 1.3

Copy link to clipboard
SubheadingIcon for link

Raleway · 700

16px · 1.3

BlockquoteIcon for link

Raleway · 700

24px · 1.3

Copy link to clipboard
Button/Text LargeIcon for link

Arial · 700

18px · 1.1

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

Arial · 700

16px · 1.1

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

Arial · 700

14px · 1.1

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

Arial · 400

12px · 1.6

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

Arial · 400

12px · 1.6

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

Arial · 400

18px · 1.1

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

Arial · 400

16px · 1.3

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

Arial · 400

14px · 1.4

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

Arial · 400

18px · 1.6

Almost before we knew it, we had left the ground.
LG/Medium [secondary]Icon for link

Raleway · 600

18px · 1.6

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

Arial · 700

18px · 1.6

Almost before we knew it, we had left the ground.
LG/Strong [secondary]Icon for link

Raleway · 700

18px · 1.6

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

Arial · 400

16px · 1.6

Almost before we knew it, we had left the ground.
MD/Medium [secondary]Icon for link

Raleway · 600

16px · 1.6

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

Arial · 700

16px · 1.6

Almost before we knew it, we had left the ground.
MD/Strong [secondary]Icon for link

Raleway · 700

16px · 1.6

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

Arial · 400

14px · 1.6

Almost before we knew it, we had left the ground.
SM/Medium [secondary]Icon for link

Raleway · 600

14px · 1.6

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

Arial · 700

14px · 1.6

Almost before we knew it, we had left the ground.
SM/Strong [secondary]Icon for link

Raleway · 700

14px · 1.6

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

Arial · 400

20px · 1.6

Almost before we knew it, we had left the ground.
XL/Medium [secondary]Icon for link

Raleway · 600

20px · 1.6

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

Arial · 700

20px · 1.6

Almost before we knew it, we had left the ground.
XL/Strong [secondary]Icon for link

Raleway · 700

20px · 1.6

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

Arial · 400

12px · 1.6

Almost before we knew it, we had left the ground.
XS/Medium [secondary]Icon for link

Raleway · 600

12px · 1.6

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

Arial · 700

12px · 1.6

Almost before we knew it, we had left the ground.
XS/Strong [secondary]Icon for link

Raleway · 700

12px · 1.6

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

Arial · 400

22px · 1.6

Almost before we knew it, we had left the ground.
XXL/Medium [secondary]Icon for link

Raleway · 600

22px · 1.6

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

Arial · 700

22px · 1.6

Almost before we knew it, we had left the ground.
XXL/Strong [secondary]Icon for link

Raleway · 700

22px · 1.6

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

Arial · 400

10px · 1.6

Almost before we knew it, we had left the ground.
XXS/Medium [secondary]Icon for link

Raleway · 600

10px · 1.6

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

Arial · 700

10px · 1.6

Almost before we knew it, we had left the ground.
XXS/Strong [secondary]Icon for link

Raleway · 700

10px · 1.6

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