Style Guide

1. Typography

Heading Tags

NAME

SIZE

LINE HEIGHT

Heading 1

60px

76px

Heading 2

50px

68px

Heading 3

38px

52px

Heading 4

32px

46px

Heading 5

26px

40px

Heading 6

20px

38px

Paragraph Tags

NAME

SIZE

LINE HEIGHT

Paragraph Small

16px

30px

Paragraph

18px

34px

Paragraph Large

20px

37px

Other Text Classes

NAME

SIZE

LINE HEIGHT

Display

70px

90px

Price

60px

76px

Upper heading

14px

20px

Small Heading

18px

26px

15px

20px

Button Text

17px

26px

Button Small

15px

20px

List

17px

30px

Tab Title

18px

32px

Footer Text

14px

20px

16px

22px

2. Colors

Black

#000000

White

#ffffff

Body

#525468

Heading

#242635

BG

#fcfffe

Light Green

#ecf9f5

Light Purple

#ecedfe

Light Blue

#ceeef5

Light Pink

#ffe1f8

Light Yellow

#fffadd

Green

#00b172

Dark Green

#145055

Dark Green 2

#0c4347

Golden Yellow

#f2c94c

Red

#eb5757

3. Buttons

Button Text Button Text Button Text Button Text

4. Links

5. Special Classes

Bg Gradient

Font Color White

Heading Font Color

Body Font Color

Text Highlight

Hide On DT

Hidden Element

Hide On Mob

Circle Movment Trigger

Fade In 200

Slide In From Bottom 100

Slide In From Bottom 200

Slide In From Bottom 300

Slide In From Bottom 400

Inherit

6. Effects

Shadow 1

Shadow 2