Wide page options

This is a collection of ways to use various components on pages that have wider layouts. 

It is critical to be aware of the context of the elements that you place on a page. Some layouts don't work on narrow spaces, and some get washed out at full width. Please follow the examples laid out here for how you can use the elements on landing pages or basic pages where the side bar is hidden.

Photo and text blocks

Photo and text blocks are used for featuring content. There are a few options for display. A single item as a spotlight, an alternating stack of items, or as a carousel.

A collection of photo and text blocks

Image showing photo sizes and small image thumbnails
Just a taste of what's available for images.

Eyebrow here as hook

This is a heading 2

Only use the eyebrow as a hook or subtitle for the main Heading 2 title for the text block. Eyebrow should only be used here.

Should have button to feature

Image with shapes representing the different aspect ratios avaiable
A nifty image showing how different aspect ratios are declared.

Eyebrow here as hook

Another topic (this is Heading 2)

Only use the eyebrow as a hook or subtitle for the main Heading 2 title for the text block. Eyebrow should only be used here.

Should have button to feature

Screenshot showing different heading examples
Neat image showing examples of headings. Really the caption is here for the gallery.

Eyebrow here as hook

Third fake item

Only use the eyebrow as a hook or subtitle for the main Heading 2 title for the text block. Eyebrow should only be used here.

Should have button to feature

A collection of photo and text blocks as carousel

Top