Style Guidelines

Webflow Template V.1.0

1. Text styling

Heading Tags

NAME

SIZE

LINE HEIGHT

Heading 1

60px

78px

Heading 2

50px

68px

Heading 3

44px

60px

Heading 4

32px

42px

Heading 5

22px

32px

Heading 6

18px

26px

Paragraph Tags

NAME

SIZE

LINE HEIGHT

Body

17px

32px

Body Small

16px

29px

Body Medium

18px

35px

Body Large

19px

37px

Other Text Classes

NAME

SIZE

LINE HEIGHT

Slider Display

130px

130px

Page Title

86px

100px

Portfolio Heading

84px

100px

CTA
Heading

70px

90px

17px

26px

Slider Subtitle

11px

20px

Team Title

22px

28px

Team Subtitle

12px

20px

Testimonials

42px

54px

Achievements Points

28px

42px

Quote

25px

40px

UPPER Heading

14px

20px

Thumbnail Title

18px

28px

2. Colors

Black
#000000
White
#ffffff
Heading
#1a1d39
Body
#616377
Yellow
#e0a211
Cream
#fff7ed

3. Buttons

Button TextButton TextButton TextButton TextButton Text

4. Links

Link Text
Link Text
Link Text
Link Text

5. Special Classes

Heading Font Color
Yellow Font Color
Body Font Color
Font Color White
White Hover Effect
Inherit
Hidden
Hide On Desktop
Hide From Tablet
Hide From Landscape
Section Spacing
Spacer
Fade in 100MS
Fade in 200MS
Fade in 300MS
Fade in 400MS
Slide In From Bottom 100MS
Slide In From Bottom 200MS
Slide In From Bottom 300MS
Slide In From Bottom 400MS
Slide In From Right 200MS
Slide In From Left 200MS
Opacity 60%
Opacity 50%
Opacity 90%
Light Border and Text Color On Hover
Dark Border and Text Color On Hover
Image Scale On Hover
Image Cover Reveal Animation Wrapper