Text

font Size

Line height

Font Weight

Heading 1

60px

68px

Medium

Heading 2

40px

48px

Semi-bold

Heading 3

32px

40px

Semi-bold

Heading 4

26px

32px

Semi-bold

Heading 5

22px

28px

Semi-bold

Regular subheader

14px

20px

Regular

Extra large text (Regular)

20px

28px

Regular

Button extra large

20px

28px

Medium

Large text (Regular)

16px

20px

Regular

Button large

16px

20px

Medium

Medium text (Regular)

14px

16px

Regular

Button medium

14px

16px

Medium

Small text (Regular)

12px

16px

Regular

Button small

12px

16px

Medium

#282828

Base

#212121

60%

#4c4c4c

50%

#1b1b1b

70%

#707070

40%

#141414

80%

#949494

30%

#0d0d0d

90%

#b7b7b7

20%

#080808

100%

#d4d4d4

10%

#b4a798

Base

#968b7f

60%

#c1b6a9

50%

#786f65

70%

#cdc4ba

40%

#5a544c

80%

#dad3cc

30%

#3c3833

90%

#e6e2dd

20%

#24211e

100%

#f0edea

10%

#46230a

Base

#3a1d08

60%

#654833

50%

#2f1707

70%

#846c5c

40%

#231205

80%

#a39185

30%

#170c03

90%

#c1b6ad

20%

#0e0702

100%

#dad3ce

10%

Fonts

[Vercetii] is a heading & brand typeface

[Open Sans] is our supporting font for body and button

[karrik] is our supporting font for button