Style Guide

This style guide provides a central location to make stylistic changes to your site.
If you need additional help, Webflow University provides a library of videos, tutorials and resources to help you get started.

STYLE GUIDE
Colors
Typography
STYLE GUIDE
Buttons
Rich Text Element

Template Style Guide

This style guide provides a central location to make stylistic changes to your site.
If you need additional help, Webflow University provides a library of videos, tutorials and resources to help you get started.

#411a97
#5624C2
#774EF0
#B4A6F6
#F5F2FE
#411a97
#5624C2
#774EF0
#B4A6F6
#F5F2FE
#411a97
#5624C2
#774EF0
#B4A6F6
#F5F2FE
#411a97
#5624C2
#774EF0
#B4A6F6
#F5F2FE
#411a97
#5624C2
#774EF0
#B4A6F6
#F5F2FE
#F5F2FE
#F5F2FE
#F5F2FE
#F5F2FE

Typography

Any edits here will apply to all reflective elements across the site.

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Buttons

Any edits here will apply to all reflective elements across the site.

Input Fields

Any edits here will apply to all reflective elements across the site.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

General bottom padding

As described in the project documentation, you can simply add these classes to any elements to quickly apply padding properties.
You are welcome to edit any of the default padding properties from the right column when inside of webflow
Class Name
Pixels
Global Class *Edit in Webflow
Padding Bottom 4
4px on Bottom
Padding Bottom 8
8px on Bottom
Padding Bottom 12
12px on Bottom
Padding Bottom 16
16px on Bottom
Padding Bottom 20
20px on Bottom
Padding Bottom 24
24px on Bottom
Padding Bottom 28
28px on Bottom
Padding Bottom 32
32px on Bottom

Padding Top

As described in the project documentation, you can simply add these classes to elements to inherit their styles.
By default we provide some basic spacing classes that can help you quickly add padding and margin as combo-classes.
Class Name
Pixels
Global Class *Edit in Webflow
Padding Top 4
4px on Top
Padding Top 8
8px on Top
Padding Top 12
12px on Top
Padding Top 16
16px on Top
Padding Top 20
20px on Top
Padding Top 24
24px on Top
Padding Top 28
28px on Top
Padding Top 32
32px on Top