Style Guide
This style guide can be used as a guide for using content blocks on pages and blogs throughout the website.
Page Title
This is the page introduction. It will also be featured in related content widgets.
Page Title & Intro block: Short Summary Text
Rich Text Heading
Rich text block with default styling.
Heading 2
Heading 3
Heading 4
Heading 5
Rich Text Heading
Rich text block with centered layout, and blue background color. We recommend using the centered layout sparingly and with background colors to offset short and unique pieces of content. Layout and background color can be customized on the "settings" tab for the content block.
Rich Text Heading
Rich text block with centered layout, and grey background color. We recommend using the centered layout sparingly and with background colors to offset short and unique pieces of content. Layout and background color can be customized on the "settings" tab for the content block.
Rich Text Heading
Rich text block with split text layout. Please do not use H2, H3, etc styling when using split layouts. Split layout can be selected on the "settings" tab for the content block. When using the split layout for page copy, please ensure there is enough copy included in the block to support two columns on the front end of the page.
Blockquote TitleQuote text area. Use to highlight unique sentences or facts, or direct quotes from individuals. Citation Optional
Link Optional
Accordion: When To Use
Accordions can be used to condense long-form content. These are ideal for content like FAQ pages.
How to Use Accordions
Select the Accordion block, and create a unique Content Section for each accordion bucket.
Showcase Blocks
Spotlight Heading
Subheading
Summary content describes the element. Please keep this brief. Link Optional
Spotlight Heading
Subheading
Summary content describes the element. Please keep this brief. Link Optional
Spotlight Heading
Subheading
Summary content describes the element. Please keep this brief. Link Optional
Spotlight Heading
Subheading
Summary content describes the element. Please keep this brief. Link Optional
Control the height of hero images and the text alignment on the "settings" tab. Link Optional
Control the height of hero images and the text alignment on the "settings" tab. Link Optional