Style Guide

1. Typography

Heading Tags

NAME

SIZE

LINE HEIGHT

Heading 1

60px

78px

Heading 2

50px

68px

Heading 3

38px

54px

Heading 4

26px

38px

Heading 5

22px

32px

Heading 6

18px

26px

Paragraph Tags

NAME

SIZE

LINE HEIGHT

Body - Variant 1

15px

28px

Body

16px

32px

Body - Variant 2

18px

34px

Body - Variant 3

19px

38px

Other Text Style

NAME

SIZE

LINE HEIGHT

Display & Page Title

72px

90px

CTA Heading

52px

70px

Upper heading

14px

20px

16px

26px

Infobar text

15px

24px

Small Title

15px

26px

2. Colors

Green

#00b172

Heading

#2b2e45

Body

#555777

Light Pink

#faeaf0

Yellow

#f2c94c

Pink

#8e2690

Light Green

#e6f7f1

White

#ffffff

Black

#000000

3. Buttons

4. Links

5. Special Classes

Bg Gradient

Heading Font Color

Body Font Color

White Font Color

Highlighting Text

Hidden

Fade In 200

Slide In From Bottom 100

Slide In From Bottom 200

Slide In From Bottom 300

Slide In From Bottom 400

Inherit

5. Effects

Shadow 1

Shadow 2