Style Guidelines

Prodesk Webflow Template V.1.0

1. Typography

Heading Tags

NAME

SIZE

LINE HEIGHT

Heading 1

60px

76px

Heading 2

48px

72px

Heading 3

40px

54px

Heading 4

32px

46px

Heading 5

22px

40px

Heading 6

18px

30px

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

80px

Uppercase Heading

14px

20px

Small Heading

18px

26px

17px

Icon Box Title

28px

42px

Pricing List

15px

30px

Faqs Title

17px

CTA Heading

60px

76px

Circle Button

16px

Button Text

16px

26px

Compare Table Heading

15px

20px

Compare Table List

15px

20px

2. Buttons

3. Special Classes

Font Color White

Font Color Heading

Font Color Body

Inherit

Inherit Color

Object Fit Contain

Bg Color Light Pink

Bg Color Light Green

Bg Color Light Yellow

Bg Color Light Purple

Bg Color Light Blue

Bg Color Light Orange

Hidden Element

Visible On DT

Visible From Tablet

Visible From Landscape

Visible On Mobile

4. Animation Classes

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 bottom 700ms

Slide in from bottom 800ms

Fade in 100ms

Fade in 200ms

Fade in 300ms

Fade in 400ms

Fade in 500ms

Fade in 600ms

Fade in 700ms

Fade in 800ms

Move From Bottom To Top

Move From Top To Bottom

Movement Loop Top To Bottom

Movement Loop Bottom To Top

Floating Animation Trigger