Style Guidelines

Webflow Template V.1.0

1. Text styling

Heading Tags

NAME

SIZE

LINE HEIGHT

Heading 1

60px

78px

Heading 2

60px

78px

Heading 3

60px

78px

Heading 4

60px

78px

Heading 5

60px

78px

Heading 6

60px

78px

Paragraph Tags

NAME

SIZE

LINE HEIGHT

Paragraph Small

60px

78px

Paragraph Medium

60px

78px

Paragraph Regular

60px

78px

Paragraph Large

60px

78px

Other Text Classes

NAME

SIZE

LINE HEIGHT

Big Heading

60px

78px

CTA Heading Big

60px

78px

CTA Heading Small

60px

78px

60px

78px

Quote Text Large

60px

78px

Quote Text Small

60px

78px

Upper heading

60px

78px

60px

78px

60px

78px

60px

78px

2. Colors

Black

#000000

White

#ffffff

Heading

#1a1d39

Body

#616377

Blue

#0b88e2

Dark Blue

#08317e

Green

#00A57D

Red

#FF4E44

Blue Light

#ecf6ff

Green Light

#DFFFEE

Pink Light

#FFEFF5

Purple Light

#EDE6FD

Orange Light

#FFEADE

3. Buttons

Button Text Button Text Button Text Button Text

4. Links

Link Text

5. Special Classes

Special Classes

Heading Font Color

Blue Font Color

Body Font Color

Font Color White

Dark Blue Hover Effect

White Hover Effect

Floating Animation

Inherit

Hidden

Hide On Desktop

Hide From Tablet

Hide From Landscape

Section Spacing

Spacer

Fade in 100 MS

Fade in 200 MS

Fade in 300 MS

Fade in 400 MS

Slide In From Bottom 100 MS

Slide In From Bottom 200 MS

Slide In From Bottom 300 MS

Slide In From Bottom 400 MS

Slide In From Right 200 MS

Slide In From Left 200 MS

6. Effects

Effects

Shadow Heavy

Shadow Dark

Shadow Medium

Shadow Regular