text

Accordion

Use accordions as an interactive way to avoid scrolling over items that you don’t need everyone to see. Allow visitors to create their own site experience by concentrating their focus on items they choose to expand. This module is a great solution for FAQ sections, “How-to” sections or resume experience sections.

Call-to-Action

Calls-to-action are important as they let site visitors know what action you’d like them to take when interacting with your site. Buttons can be used to mask an external link or as a call-to-action anywhere on the site. Dual buttons can be used to mask two external links or two call-to-action items in a simple and elegant fashion. The following are examples of call-to-action layouts.

Fancy Text

Add fancy text with interactive animations, or create dual headings on hero images to draw attention to certain important text items. Rotating animations like typing or clip text goes best between two sentences because they easily readjust for words with different character lengths. Rotating animations like flip/swirl/drop in etc. go best at the end of the sentence because they are not great at adjusting the whitespace in the sentence for each word that has different character lengths.

Lists

The info list is an extremely versatile module that can be used for a variety of text organization purposes. Its best used when list items need different images/icons, a specific layout for desktop versus mobile screens, and a link or description attached to each list item. 

The icon number list is a simple module to help list out bullet items in a more interactive and appealing way. A singular icon can be used as the “bullet” for an unordered list OR a number sequence can be applied to an ordered list. If a different icon or image needs to be applied to each list item, use the info list module instead.

Responsive Table

Use this table module to place data in a more appealing manner with customizable styling. The table module is highly responsive, as it realigns its content to work on all screen sizes.

Sortable Table: Add sorting/no sorting | Scrollable Table: Scroll on breakpoint/no scroll | Alignment: Left, center, right

Tab

Use tabs as an interactive way to avoid scrolling over items that you don’t need everyone to see. Allow visitors to create their own site experience by concentrating their focus on items they choose to click on.

  • Select Plan Type

  • Choose Functionality

  • Select Market