Style Guide

How to Use This Page

This page shows the visual system used across your website. It includes your fonts, colors, buttons, and layout styles. Any time you add or edit content, refer back to this page to stay consistent. We also use this page during setup to fine tune your website settings for mobile and desktop.

Heading 1

Used for page heroes and primary sections.

Heading 2

Used for section headings.

Heading 3

Used for cards, highlights, and sub sections.

Heading 4

Used for highlights, and sub sections.

paragraph 1 - large

Used for highlights, and sub sections.

paragraph 2 - Primary style

paragraph 3 - small

List Item Styling - bullets

  • item 1

  • item 2

  • item 3

Heading One example

Heading two example

Heading three example

Heading four example

This is paragraph text. It is used for body copy, descriptions, and long form content. Text should feel comfortable to read on mobile first.

This is paragraph text. It is used for body copy, descriptions, and long form content. Text should feel comfortable to read on mobile first

This is small text. Used for captions, labels, and helper content.

List Item Styling - numbered

  1. item 1

  2. item 2

  3. item 3

Color Palette

Buttons

Whatever it is, the way you tell your story online can make all the difference.
— Quote Source
Learn more

Form

Learn more
Learn more

Dream it

〰️

Dream it 〰️