Style Guide

Please use this style guide as a reference for all available tools and content treatments on your website.

Text Tab Widgets

Page Title

This is the page introduction content.

Rich Text Heading: Use to introduce a block of text.

Use the text editor widget to display blocks of readable text. Choose from different headings to separate content themes.

Heading 2 Style

Heading 3 Style

Heading 4 Style

Heading 5 Style

Button Link Style

Rich Text: Green Background

Heading 2 Style

Heading 3 Style

Heading 4 Style

Heading 5 Style

Readable text

Button Link Style

Rich Text: Teal Background

Heading 2 Style

Heading 3 Style

Heading 4 Style

Heading 5 Style

Readable text

Button Link Style

Rich Text: Tan Background

Heading 2 Style

Heading 3 Style

Heading 4 Style

Heading 5 Style

Readable text

Button Link Style

Rich Text: Centered Layout

Use the "Centered" layout on the Settings tab to display content in the center of the page.

Rich Text: Split Layout

Use the "Split" layout on the Settings tab to divide content into two columns.

When using split layout, please refrain from using H2 or H3 styling - use readable text only.

Blockquote: Use this widget to call out snippets of content, facts, or quotes from visitors. Citation Optional

Accordion Widget: When to Use it

The accordion widget should be used when pages feature extremely long content that needs to be condensed.

Accordion Widget: Why use it?

Accordions are a helpful way to improve usability on a very long, text-heavy page. FAQ pages are a good example of when the accordion widget is particularly helpful.

Accordion Widget: How to use it

Create a new "Content Section" for each topic in the accordion. The "Title" introduces the visitor to the information included in the section, while "Content" includes the long-form copy that relates to the individual section topic.

Media Tab Widgets

Image (Asset), Full layout. Caption and Link Optional
Credit: Edit the photo itself in the asset manager to include a credit, which will display whenever the photo is used on the site.
Image (Asset), Center layout. Caption and Link Optional
Credit: Edit the photo itself in the asset manager to include a credit, which will display whenever the photo is used on the site.

Hero Video

Showcase Tab Widgets

Use to transform content using stylized layouts.

Heading

Ancillary Heading

Heading

Mashup

Hero

Heading

Subheading

Use hero layouts at any point on the page to feature large-format photography. Link Optional

Centered Hero

Heading

Subheading

The Centered Hero layout allows you to feature a hero image, but with copy centered in the image field. Link Optional

Offset Block

Heading

Subheading

Use the offset block layout to pair content with a complementary image.

Link Optional
Ancillary Heading
Credit: Edit the photo itself in the asset manager to include a credit, which will display whenever the photo is used on the site.

Third-Party Media Tab

Thursday, Dec 18
High: 62°   Low: 48°
Overcast clouds
Friday, Dec 19
High: 60°   Low: 50°
Moderate rain
Saturday, Dec 20
High: 59°   Low: 52°
Heavy rain
Sunday, Dec 21
High: 60°   Low: 55°
Heavy rain
Monday, Dec 22
High: 58°   Low: 51°
Heavy rain
Tuesday, Dec 23
High: 61°   Low: 48°
Heavy rain
Wednesday, Dec 24
High: 59°   Low: 51°
Light shower rain
Thursday, Dec 25
High: 57°   Low: 51°
Heavy rain
Friday, Dec 26
High: 52°   Low: 47°
Heavy rain
Saturday, Dec 27
High: 51°   Low: 46°
Overcast clouds
Sunday, Dec 28
High: 55°   Low: 43°
Broken clouds
Monday, Dec 29
High: 59°   Low: 49°
Overcast clouds
Tuesday, Dec 30
High: 51°   Low: 46°
Overcast clouds
Wednesday, Dec 31
High: 51°   Low: 46°
Moderate rain
Thursday, Jan 01
High: 50°   Low: 39°
Few clouds
Friday, Jan 02
High: 50°   Low: 39°
Broken clouds