Typography

typography styles.

Line heights only matter when in paragraph form and are generally 1.5x the font size.

Headings

Heading 1

Font

Chivo

Weight

400

Size

60px

Letter Spacing

0.3px

Line Height

88px

Heading 2

Font

Chivo

Weight

400

Size

44px

Letter Spacing

0.5px

Line Height

64px

Heading 3

Font

Chivo

Weight

400

Size

32px

Letter Spacing

0

Line Height

48px

Heading 4

Font

Chivo

Weight

400

Size

24px

Letter Spacing

-0.15px

Line Height

36px

Main Text

Subtitle

Font

HKGrotesk

Weight

400

Size

20px

Letter Spacing

1px

Line Height

28px

Body

Font

HKGrotesk

Weight

400

Size

16px

Letter Spacing

0.3px

Line Height

24px

Caption

Font

HKGrotesk

Weight

italic

Size

14px

Letter Spacing

0.5px

Line Height

20px

Overline

Font

HKGrotesk

Weight

700

Size

12px

Letter Spacing

2px

Line Height

20px

Component Text

Quote

Font

HKGrotesk

Weight

300

Size

22px

Letter Spacing

0.5px

Line Height

33px

Tables, Forms, Alerts

Font

HKGrotesk

Weight

400

Size

18px

Letter Spacing

0.3px

Line Height

20px

Tags

Font

HKGrotesk

Weight

400

Size

12px

Letter Spacing

0.3px

Line Height

16px