Heading Presets 

When adding a Heading Module, apply a Heading Preset to for responsive heading sizes 1-6.

Heading 1 Big

H1 Big

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Heading 5

Heading 5

Heading 6

Heading 6

+ Light Heading Text Color

To change the text color of a Heading preset, simply add a color override.

Subheading

H1 Big

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Classic Text Presets 

Text modules let you type in any html, supporting headings, paragraphs, lists, etc. These presets are sync'd with the Heading presets so all your typography is consistent across modules. Classic text presets come in "Dark Text" and "Light Text", and can have the "Small Text" preset stacked on top to make the text smaller.

Dark Text

Curabitur non bibendum ligula. In non pulvinar purus. Curabitur nisi odio, blandit et elit at, suscipit pharetra elit. Fusce ut mauris quam. Quisque lacinia quam eu commodo mollis.

Vivamus id gravida mi, nec ullamcorper purus. Suspendisse ut nibh sagittis lacus viverra aliquam.

  • List Item
  • List Item
  1. List Item
  2. List Item

Dark Text

Small Text

Curabitur non bibendum ligula. In non pulvinar purus. Curabitur nisi odio, blandit et elit at, suscipit pharetra elit. Fusce ut mauris quam. Quisque lacinia quam eu commodo mollis.

Vivamus id gravida mi, nec ullamcorper purus. Suspendisse ut nibh sagittis lacus viverra aliquam.

  • List Item
  • List Item
  1. List Item
  2. List Item

Light Text

Curabitur non bibendum ligula. In non pulvinar purus. Curabitur nisi odio, blandit et elit at, suscipit pharetra elit. Fusce ut mauris quam. Quisque lacinia quam eu commodo mollis.

Vivamus id gravida mi, nec ullamcorper purus. Suspendisse ut nibh sagittis lacus viverra aliquam.

  • List Item
  • List Item
  1. List Item
  2. List Item

Light Text

Small Text

Curabitur non bibendum ligula. In non pulvinar purus. Curabitur nisi odio, blandit et elit at, suscipit pharetra elit. Fusce ut mauris quam. Quisque lacinia quam eu commodo mollis.

Vivamus id gravida mi, nec ullamcorper purus. Suspendisse ut nibh sagittis lacus viverra aliquam.

  • List Item
  • List Item
  1. List Item
  2. List Item

Tag - Dark

Lorem Ipsum

Tag - Light

Lorem Ipsum

Button Presets (Do not edit)

Buttons come in two styles: Filled and Text-Only. Each style comes in a variaety of colors.

Filled - Primary Color

Filled - secondary Color

Filled - Black

Filled - White

Filled - Gray

Text - Primary Color

Text - Secondary Color

Text - Black

Text - White

Text - Gray

Contact Form Presets

Dark

Heading

Light

Heading

Subscribe Presets

Dark

Light

Blurb Presets

All Blurbs should have either the "Dark Text" or "Light Text" preset. Then you can stack the "Dense" preset to make the text and icon smaller, or stack a "Circle Icon" preset to add a container around the icon. Note: Blurbs can be used with your custom uploaded image.

Dark Text

Dark Icon - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Icon - Top

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Text

Circle Icon

Dark Circle Icon - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Circle Icon - Top

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Text

Dense

Dark Icon - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Icon - Top

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Text

Circle Icon - Small

Dense

Dark Circle Icon Small - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Circle Icon Small - Top

Your content goes here. Edit or remove this text inline or in the module Content settings.

Light Text

Dark Icon - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Icon - Top

Your content goes here. Edit or remove this text inline or in the module Content settings.

Light Text

Circle Icon

Dark Icon - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Icon - Top

Your content goes here. Edit or remove this text inline or in the module Content settings.

Light Text

Dense

Dark Icon - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Icon - Top

Your content goes here. Edit or remove this text inline or in the module Content settings.

Light Text

Circle Icon - Small

Dense

Dark Icon - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Icon - Top

Your content goes here. Edit or remove this text inline or in the module Content settings.

Dark Text

portrait 04 1
Image - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

bf doc 01
Image - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Light Text

portrait 04 1

Image - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

bf doc 01

Image - Left

Your content goes here. Edit or remove this text inline or in the module Content settings.

Hero Presets

Dark

Your Title Goes Here

Subtitle Text

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Light

Your Title Goes Here

Subtitle Text

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.