Style Guide

Pre-Heading

This is the Page Title.

This is the introductory copy, which will also display in related content widgets.

Rich Text Heading

This is the rich text block. Use it for readable copy on the page.

Heading 2

Heading 3

Heading 4

Heading 5

Unordered list
Unordered list

Ordered list
Ordered list

Rich Text - Split Layout

Rich text blocks default to a transparent background, but you can also choose to offset the block using a grey background. You can control this on the "settings" tab.

The settings tab will also allow you to display content using a split layout, which divides the content into two columns. Use this to break up content and keep it visually interesting. When using the split layout, please do not use heading styles (H2, H3, etc), and ensure there is enough content to properly display in two columns.

Rich Text - Centered Layout

The rich text block also includes the option to display content in a centered layout.

Use blockquotes to highlight snippets of content, or quotes from individuals.

Accordion: When to Use

Use accordions to condense content. Accordions are a great fit for FAQ-style content.

How to Use Accordions

Place the accordion widget on the page, and add a content section for each accordion bucket. Make sure each content section has a title, as well as corresponding content for the accordion container.

Showcase Blocks

Showcase: Cards Layout

Pre-Heading

Heading

Summary content describes the element. Please keep this brief.

Pre-Heading

Heading

Summary content describes the element. Please keep this brief.

Pre-Heading

Heading

Summary content describes the element. Please keep this brief.

Showcase: Large Cards Layout

Pre-Heading

Heading

Summary content describes the element. Large card layouts typically allow longer accompanying content than standard cards.

Pre-Heading

Heading

Summary content describes the element. Large card layouts typically allow longer accompanying content than standard cards.

Spotlight: Mashup Layout

Heading Summary content describes the element. The mashup will adapt depending on the number of featured elements…

Showcase: Banners Layout

Pre-Heading

Heading

Summary content describes the element.

Pre-Heading

Heading

Summary content describes the element.

Showcase: Spotlight Layout

Pre-Heading

Heading

Summary content describes the element. Spotlight blocks also have the option of including a custom image at the block level, which you can add at the Settings tab.

Pre-Heading

Heading

Summary content describes the element. Spotlight blocks also have the option of including a custom image at the block level, which you can add at the Settings tab.

Pre-Heading

Heading

Summary content describes the element. Spotlight blocks also have the option of including a custom image at the block level, which you can add at the Settings tab.