Style Guidelines

Webflow Template V.1.0

1. Text Style

Heading Tags

NAME

SIZE

LINE HEIGHT

Heading 1

60px

78px

Heading 2

50px

64px

Heading 3

44px

60px

Heading 4

32px

42px

Heading 5

22px

32px

Heading 6

18px

26px

Paragraph Tags

NAME

SIZE

LINE HEIGHT

Paragraph Mini

13px

20px

Paragraph Small

16px

29px

Paragraph

17px

29px

Paragraph Medium

16px

35px

Paragraph Large

19px

37px

Other Text Classes

NAME

SIZE

LINE HEIGHT

Tabs

16px

22px

Check Points

15px

36px

Team Upper Title

11px

20px

12px

24px

17px

25px

Price Table Heading

28px

42px

Price Table Symbol

28px

56px

Pricing Check Points

15px

36px

Testimonial Carousel Quote

22px

38px

15px

30px

2. Colors

Black

#000000

White

#ffffff

Heading

#1A1D39

Body

#616377

Purple

#571DE7

Blue

#0B88E2

Orange

#FF4E44

Green

#00A57D

Pink

#E73881

Orange Light

#FDF2F1

Green Light

#E0FDF6

Purple Light

#F4ECFF

Blue Light

#ECF6FF

Pink Light

#FFEFF5

Yellow Light

#FBF7EA

Grey

#F0F2FF

Yellow

#FFE01B

3. Buttons

Button Text Button Text Button Text Button Text Button Text

4. Links

Link Text

5. Special Classes

Heading Font Color

Purple Font Color

Body Font Color

Font Color White

Inherit

Hidden

Hide On Desktop

Hide From Tablet

Hide From Mobile Landscape

Hide From Mobile Portrait

Section Spacing

Spacer

Fade in 100MS

Fade in 200MS

Fade in 300MS

Fade in 400MS

Fade in 500MS

Fade in 600MS

Slide In From Bottom 100MS

Slide In From Bottom 200MS

Slide In From Bottom 300MS

Slide In From Bottom 400MS

Slide In From Bottom 500MS

Slide In From Bottom 600MS

Slide In From Right 200MS

Slide In From Left 200MS

Moves Up Down

Dark Border and Text Color On Hover

Light Border and Text Color On Hover