Style Guide

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

Typography

Headings

H1

H1

H2

H2

H3

H3

H4

H4

H5
H5
H6
H6

Text Size

xxDisplay

Sample text

xDisplay

Sample text

Display

Sample text

xxHuge

Sample text

xHuge

Sample text

Huge

Sample text

Xx Large

Sample text

X Large

Sample text

Large

Sample text

Medium

Sample text

Regular

Sample text

Small
Tiny

Sample text

Text Weight

Bold

Sample text

Medium

Sample text

Regular

Sample text

Light

Sample text

Font Style

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.