• Jumbotron 2

    Variant 2 (Complex headline with CTA)

    Inspired by Bootstrap’s Jumbotron, this is defined as a ‘lightweight, flexible component for showcasing hero unit style content’.

    Jumbotron 1

    Variant 1 (Simple headline with CTA)

    Inspired by Bootstrap’s Jumbotron, this is defined as a ‘lightweight, flexible component for showcasing hero unit style content’.

    Burger Menu 2

    Hidden on Desktop

    A navigation system is added to an email in horizontal arrangement on desktop. In a mobile device, this menu will collapse behind a burger menu icon and be requested using a tap.

    Accordion 2

    with images

    Long and wordy content can be reduced into requestable headlines. This aids in making content shorter, easier to digest, but also promotes interaction with the content.

    Tabs

    Inspired by the types of tabs which are becoming more commonplace in web-design, the Tabs condenses information from a number of elements into a single element on a mobile device (iOS).

    Carousel

    Inspired by the types of carousels which are becoming more commonplace in web-design, the Carousel condenses information from a number of elements into a single element on a mobile device (iOS).

    All-in-one

    A template with all widgets included within a single email to demonstrate how all the widgets play nicely together.

    Boilerplate Grid system

    The boilerplate template, ready to add any widgets. This shows the complete variety of styles possible with the framework.

    Accordion 1

    without images

    Long and wordy content can be reduced into requestable headlines. This aids in making content shorter, easier to digest, but also promotes interaction with the content.

    Burger Menu 1

    Visible on Desktop

    A navigation system is added to an email in horizontal arrangement on desktop. In a mobile device, this menu will collapse behind a burger menu icon and be requested using a tap.