Style Guide

HTML Heading Tags

Display

Display

H1

Heading 1

H2

Heading 2

H3

Heading 3

H4

Heading 4

H5
Heading 5
All Paragraphs

Paragraphs

Text Classes

Text Sizes

Text Size Large

Text Size Large

Text Size Small

Text Size Small

Text Weights

Text Weight Regular
Text Weight Regular
Text Weight Medium
Text Weight Medium

Text Alignments

Text Align Left
Text Align Left
Text Align Center
Text Align Center
Text Align Right
Text Align Right

Buttons

Button Large
Button Text
Button Large Outline
Button Text
Button Small
Button Text
Button Small Outline
Button Text

Colors

Color Palette

#2f3b4f
#c79c6a
#f7f5f2
#f7f5f2 (20%)
#263040(60%)

Text Colors

Text Color Blue
Text Color Blue
Text Color Brown
Text Color Brown
Text Color White
Text Color White
Text Color White 30%
Text Color White 30%
Text Color Blue 60%
Text Color Blue 60%

Webflow Elements

Form Component
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text with a link is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text.

  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  1. Sample text is being used as a placeholder for real text that is normally present.
  2. Sample text is being used as a placeholder for real text that is normally present.
  3. Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.