A creative way to display text/callouts in chronological order. Works well when used to describe a sequence of events, for example, in a resume setting perhaps to link progression between education and experience by date.
Its always nice when the content in a callout is relatively similar in character length, however, sometimes it can be hard to ensure that. Interactive callouts like flip-boxes and slide-boxes can help solve this problem. Just be careful to use these as accents with links to read more on another page – never put too much content in these.
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.
Use a pricing table to list out product plans, packages and features in a comparative way with a call-to-action or “buy now” button. This module works well when introducing a main product or package on the homepage, linking back to the product for the full description.
Layout: Cards, matrix | Dual Pricing: Enable/disable | Highlight: None, title, price, package
Showcase your content beautifully in professional device frames. Users love to see how your content will look on various devices.
Available devices: Phone, Tablet, Laptop, Desktop, Browser
Color skins: black, silver, white, rose gold, gold and space grey
Content formats: image, video, slider and iframe
These custom content sliders can be given a specific slide height and used for hero images and banners as well as for separator rows on long-scroll sites. These sliders can be edited to display pagination, arrows, or loop.
Customization Available: Auto Play, Loop, Transitions: Slide or Fade, Navigation Options: Dots, Arrows, Play/Pause, Background: Photo, Color, Video, Content: None, Text, Text & Photo or Text & Video
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.
Callouts are a good way to illustrate the different features a site has, sometimes with the option to learn more about these features. Create a simple text callout or add an image, an icon or a call-to-action link to it.