Accordion Presets

All accordions should have either the “Dark Text” or “Light Text” preset. Stack “Dense” for smaller toggles or and/or “Contained” to add a container around each toggle

Dark Text

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Dark Text

Dense

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Dark Text

Contained

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Dark Text

Dense

Contained

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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 Text

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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 Text

Light Text

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Toggle Presets

All Toggles should have either the “Dark Text” or “Light Text” preset. Stack “Dense” for smaller toggles or and/or “Contained” to add a container around each toggle

Dark Text

Toggle

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.

Dark Text

Dense

Your Title Goes Here

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.

Dark Text

Contained

Toggle

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.

Dark Text

Dense

Contained

Toggle

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 Text

Toggle

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 Text

Dense

Toggle

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.

Social Follow Presets

“Isolated Icons” vs “Circle Icons” controls the icon styles to support a container around the icon or not. Each individual Icon also has a preset applied to it to control it’s background color, ranging from transparent, to solid colors – or you can allow each icon background to use its default brand color.

Isolated Icons – Dark

Circle Icons – Dark

Isolated Icons – Light

Circle Icons – Dark

Icon Presets

Choose between big/small, light/dark, contained/isolated icon presets 

Dark



Dark – Contained



Dark – Small



Dark – Small – Contained



Light



Light – Contained



Light – Small



Light – Small – Contained



Icon List Presets

Choose between light/dark and isolated/circle icons

Dark

  • 
    List item text
  • 
    List item text
  • 
    List item text

Dark – Circle Icons 

  • 
    List item text
  • 
    List item text
  • 
    List item text

Light

  • 
    List item text
  • 
    List item text
  • 
    List item text

Light – Circle Icons

  • 
    List item text
  • 
    List item text
  • 
    List item text

Number Counter Presets

Each Number Counter shoud have the “Dark Text” or “Light Text” preset. Stack the “Dense” preset to make the text smaller.

Dark Text

%

Your Title Goes Here

Dark Text

Dense

%

Your Title Goes Here

Light Text

%

Your Title Goes Here

Light Text

Dense

%

Your Title Goes Here

Bar Counter Presets

Choose between dark and light Bar Counters

Dark

  • Your Title Goes Here50%50%
  • Your Title Goes Here50%50%

Light

  • Your Title Goes Here50%50%
  • Your Title Goes Here50%50%

Circle Counter Presets

Choose between dark and light Cirlce Counters

Dark

%

Your Title Goes Here

Light

%

Your Title Goes Here

Post Slider Presets

Choose between dark and light container sliders

Dark

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Light

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Slider Presets

Choose between dark and light text, and isolated or contained wrappers

Dark Text

Your Title Goes Here

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.

Your Title Goes Here

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 Text

Your Title Goes Here

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.

Your Title Goes Here

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.

Dark Text

Light Container

Your Title Goes Here

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.

Your Title Goes Here

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 Text

Dark Container

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Post Carousel Presets

Choose between dark and light text

Dark Text

Light Container

Image Presets

Easily give an image rounded corners and/or tell it to fill the height of it’s container if its natural height is shorter than it’s container.

Rounded

Rounded

Fill Container

Map Presets

Quickly make a map grayscale

Black and White

San Francisco

Video Presets

Rounded

Video Slider Presets

Rounded