Design Elements

  1. Home
  2. Design Elements

Blurbs

Light Blue Blurb

White Icon Card Blurb

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

Top Aligned Icon/Image Blurb

Top Aligned Icon/Image Blurb

Body text goes here.

Link to page

Buttons

Call to Actions

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.

DP Image Card Presets

Horizontal Image Card (Light Blue)

This is filler text. It’s meant to illustrate how an app might look with real content. You’ll find that this placeholder text fills the space neatly, allowing you to visualize the design and layout as it would appear once finalized. Feel free to swap out this text as needed; it’s here to show functionality and not meant to convey any specific information.

Top Aligned Image Card (Light Blue)

This is filler text. It’s meant to illustrate how an app might look with real content.

Text Module Presets

XL Text. 

Large Text. 

Light blue text box

Dark blue text box

Grey border text box

Text Module Icon Presets

Location icon

Hours icon

Phone icon

Fax icon

Toggles

Toggle title

This is filler text. It’s meant to illustrate how an element might look with real content. You’ll find that this placeholder text fills the space neatly, allowing you to visualize the design and layout as it would appear once finalized. Feel free to swap out this text as needed; it’s here to show functionality and not meant to convey any specific information.

Row Presets

No Padding Row

By default, rows contain padding on the top and bottom. This row preset has no padding.

Vertically Aligned Row Preset

This preset aligns content in multiple columns so it is centered vertically.

Equalized Column Heights Row

You must set the height of all modules in the row to 100% for this to work.

This is filler text. It’s meant to illustrate how an element might look with real content. You’ll find that this placeholder text fills the space neatly, allowing you to visualize the design and layout as it would appear once finalized. Feel free to swap out this text as needed; it’s here to show functionality and not meant to convey any specific information.

This text element has a different height.

This text element has a different height.

  • Maybe it has bullet points