Style Guide

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

Typography

Headings

H1
Heading 1

H1

H2
Heading 2

H2

H3
Heading 3

H3

H4
Heading 4

H4

H5
Heading 5
H5
H6
Heading 6
H6

Text Size

xxDisplay
Text Size XXDisplay

Sample text

xDisplay
Text Size XDisplay

Sample text

Display
Text Size Display

Sample text

xxHuge
Text Size XXHuge

Sample text

xHuge
Text Size XHuge

Sample text

Huge
Text Size Huge

Sample text

Xx Large
Text Size XXLarge

Sample text

X Large
Text Size XLarge

Sample text

Large
Text Size Large

Sample text

Medium
Text Size Medium

Sample text

Regular
Text Size Regular

Sample text

Small
Text Size Small

Sample text

Tiny
Text Size Tiny

Sample text

Text Weight

Bold
Text Weight Bold

Sample text

Medium
Text Weight Medium

Sample text

Regular
Text Weight Regular

Sample text

Light
Text Weight Light

Sample text

Font Style

Satoshi
Font Satoshi

Sample 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

Image
Caption
Heading 5
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 6

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.