Webflow Style Guide

With the help of this style guide, you can easily make changes to the way your website looks. In case you require further assistance, Webflow University has a collection of tutorials, videos, and other materials to get you going.

Typography

Any changes made here will be reflected in all reflecting elements on the website.

Heading

H1/64

Heading

H2/56

Heading

H3/40

Heading

H4/32

Heading
H5/24
Heading
H6/20

Paragraph:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Rich Text:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Typeface :

Cabinet grotesk,

Uncut sans

Buttons

Any changes made here will be reflected in all reflecting elements on the website.

Colors

Any changes made here will be reflected in all reflecting elements on the website.

White
#FFFFFF
White Light
#F9FAFC
Mid White
#F7F9FC
Mid Gray
#E8EAEF
Text Light Color
#5A6170
Paragraph Color
#454952
Secondary Heading Color
#272A2F
Heading Primary Color
#1E2127
Linear Gradient
#2F363D, #181B1F
More Templates