Style Guide

This is a set of guidelines and strategies to help you build Webflow websites.

Heading Styles

Heading 1

Sample Text

Heading 2

Sample Text

Heading 3

Sample Text

Heading 4

Sample Text

Heading 5
Sample Text
Heading 6
Sample Text

Text Classes

Text Size display
Sample Text
Text Size huge
Sample Text
Text Size Large
Sample Text
Text Size Medium
Sample Text
Text Size Regular
Sample Text
Text Size Small
Sample Text
Text Size Tiny
Sample Text
All Caps
Sample Text

Text Weights

Text Weight Light
Sample Text
Text Weight Regular
Sample Text
Text Weight Medium
Sample Text
Text Weight Bold
Sample Text

Color Palette

BG Grey Dark
BG Grey Dark
BG Light Grey
BG Light
White
Light Blue
Font Color Light
Font Color

Rich Text

Rich Text

Heading 1

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Heading 2

  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur adi

Heading 3

  1. Lorem ipsum dolor sit amet, consectetur
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  3. Lorem ipsum dolor sit amet, consectetur adi

Heading 4

Heading 5
Heading 6
Project Image
Caption
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.