What Fits Me Quiz


Use this pattern to introduce a landing page or site section. To apply it, set the page to the “No Title” template: using the right-hand Settings toolbar, on the Page tab, click the template title, choose “Change Template,” and select “No Title.” The heading will become the H1 and page title.

Fancy Feature

One of several “feature” choices, use this to call attention to, promote, educate about, or route users to information. Image and text should support each other, and button text should describe what it links to (not just say “learn more”). To change the media to video or multiple images, select the Fancy Feature container in the lefthand List View toolbar and choose the Media Type from the Block menu in the righthand toolbar.

000+%

Short label (1-2 lines)

Description 20 words or fewer (but you can add a link to more info here).

Add more images, stats, and boxes as needed. Alternate colors and aspect ratios for variety

Add more images, stats, and boxes as needed. Alternate colors and aspect ratios for variety

000+%

Short label (1-2 lines)

Description 20 words or fewer (but you can add a link to more info here).

Teaser grid 3-up

Use this to provide up to 25 words of explanation each about similar link options, to give users enough context to make a choice before they click.

image placeholder

Link Heading

Optional wysiwyg text. Maecenas varius massa vestibulum porta cursus maecenas. Lectus mattis lectus nunc tellus mauris. A interdum ipsum risus lobortis suscipit imperdiet.

image placeholder

Link Heading

Optional wysiwyg text. Maecenas varius massa vestibulum porta cursus maecenas. Lectus mattis lectus nunc tellus mauris. A interdum ipsum risus lobortis suscipit imperdiet.

image placeholder

Link Heading

Optional wysiwyg text. Maecenas varius massa vestibulum porta cursus maecenas. Lectus mattis lectus nunc tellus mauris. A interdum ipsum risus lobortis suscipit imperdiet.

Overlapping feature

One of several “feature” choices, use this to call attention to, promote, educate about, or route users to information. Image and text should support each other, and button text should describe what it links to (not just say “learn more”). To flip content left/right, select the Media & Text container in the lefthand List View toolbar and choose the corresponding icon from the popup menu.

Billboard

Use the Billboard pattern to break up a page layout for an important call to action. The fewer links you include, the better they will perform. Use dark background options at the bottom of the page, so it doesn’t create a “false footer effect” that causes users to stop scrolling because they think they’ve reached the end.