Typography

Typographic system establishes scale, sizes and weight of text.

CSS Tokens SASS Tokens Style Dictionary Component Types

Typography

Typographic system establishes scale, sizes and weight of text.

Typeface

Merriweather

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

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

Typeface

Montserrat

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

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

Hierarchy

Use for palette of colors containing many shades.

Heading 1

Merriweather / 40056px / 1.2

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

Heading 2

Merriweather / 40044px / 1.3

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

Heading 3

Merriweather / 40032px / 1.3

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

Heading 4

Merriweather / 40028px / 1.3

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

Heading 5

Merriweather / 40024px / 1.3

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

Heading 6

Montserrat / 50020px / 1.3

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

Subheading

Montserrat / 70016px / 1.6

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

Blockquote

Montserrat / 40036px / 1.3

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

Big Stats

Merriweather / 90080px / 1.0

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

Bullet List

Montserrat / 40018px / 1.3

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

Button/Text Large

Montserrat / 60018px / 1.1

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

Button/Text Medium

Montserrat / 70016px / 1.1

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

Button/Text Small

Montserrat / 60014px / 1.1

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

Category Subhead

Montserrat / 70012px / 1.6

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

Form/Help

Montserrat / 40012px / 1.6

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

Form/Label

Montserrat / 40012px / 1.6

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

Form/Placeholder Large

Montserrat / 40016px / 1.3

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

Form/Placeholder Medium

Montserrat / 50014px / 1.4

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

Form/Placeholder Small

Montserrat / 40012px / 1.7

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

Form/Text Large

Montserrat / 50018px / 1.1

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

Form/Text Medium

Montserrat / 60014px / 1.4

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

Form/Text Small

Montserrat / 60012px / 1.7

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

LG/Base

Montserrat / 40018px / 1.5

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

LG/Medium

Montserrat / 60018px / 1.6

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

LG/Strong

Montserrat / 70018px / 1.6

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

MD/Base

Montserrat / 40016px / 1.6

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

MD/Medium

Montserrat / 60016px / 1.6

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

MD/Strong

Montserrat / 70016px / 1.6

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

SM/Base

Montserrat / 40014px / 1.4

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

SM/Medium

Montserrat / 60014px / 1.4

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

SM/Strong

Montserrat / 70014px / 1.6

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

Small Blockquote

Montserrat / 40028px / 1.4

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

Testimonial

Merriweather / 40034px / 1.4

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

XL/Base

Montserrat / 40020px / 1.4

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

XL/Medium

Montserrat / 60020px / 1.4

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

XL/Strong

Montserrat / 70020px / 1.4

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

XS/Base

Montserrat / 40012px / 1.6

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

XS/Medium

Montserrat / 60012px / 1.6

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

XS/Strong

Montserrat / 70012px / 1.0

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

XXL/Base

Montserrat / 40022px / 1.6

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

XXL/Medium

Montserrat / 60022px / 1.6

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

XXL/Strong

Montserrat / 70022px / 1.6

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

XXS/Base

Montserrat / 40010px / 1.6

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

XXS/Medium

Montserrat / 60010px / 1.6

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

XXS/Strong

Montserrat / 70010px / 1.0

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