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.

Note: Change the colors through the swatches panel. This will change all locations where the color is used on the website. You can learn more about global swatches on the Webflow University.
1C3F3A
26534C
53847D
90BFB9
E0EAE8
4D4B44
757268
9F9B8D
CBC7B5
f8ecda
102226
485B60
B4BBBD
DDE3E4
F1F3F3

Typography

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

H1 / Hero Title
Size: 72px

The quick brown fox jumps over the lazy dog

H1 / H1 Title
Size: 64px

The quick brown fox jumps over the lazy dog

H2 / H2 Title
Size: 56px

The quick brown fox jumps over the lazy dog

H3 / H3 Title
Size: 48px

The quick brown fox jumps over the lazy dog

H4 / H4 Title
Size: 40px

The quick brown fox jumps over the lazy dog

H5 / H5 Title
Size: 32px
The quick brown fox jumps over the lazy dog
H6 / H6 Title
Size: 18px
The quick brown fox jumps over the lazy dog
Heading
16px Font Size

The quick brown fox jumps over the lazy dog

Body Large
18px Font Size

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.

Body Normal / Default
16px Font Size

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.

Paragraph Small
14px Font Size

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.

Caption
14px Font Size

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

For additional information, please visit the Webflow University

Learn More

Rich Text Field

For additional information, please visit the Webflow University

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