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
Your Title Goes Here
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
Dark – Circle Icons
Light
Light – Circle Icons
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%
- Your Title Goes Here50%
Light
- Your Title Goes Here50%
- Your Title Goes Here50%
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
Light
Slider Presets
Choose between dark and light text, and isolated or contained wrappers
Dark Text
Light Text
Dark Text
Light Container
Light Text
Dark Container
Post Carousel Presets
Choose between dark and light text
Dark Text
Title







Dark Text
Light Container
Title







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