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
![](https://riversandroutes.imgix.net/images/Illustrations/zipline-thrills-adventure.png?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=320&s=f41b728a4bf6be5a02f12c40c6e12a7b 320w, https://riversandroutes.imgix.net/images/Illustrations/zipline-thrills-adventure.png?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=540&s=fb6382c5d99bb22353df2571724816e6 540w, https://riversandroutes.imgix.net/images/Illustrations/zipline-thrills-adventure.png?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=768&s=02fab88b6486ccef92ed38a79257c5cc 768w, https://riversandroutes.imgix.net/images/Illustrations/zipline-thrills-adventure.png?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=1024&s=5abcebec2858407f313cbd91759383ef 1024w, https://riversandroutes.imgix.net/images/Illustrations/zipline-thrills-adventure.png?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=1200&s=ee2dc9885c6857f8aa8601607570bd10 1200w, https://riversandroutes.imgix.net/images/Illustrations/zipline-thrills-adventure.png?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=1440&s=2ac43c51d8221ba9cc2b3531a48fad0c 1440w, https://riversandroutes.imgix.net/images/Illustrations/zipline-thrills-adventure.png?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=1920&s=cc810b9fd25af0c4aa265dae4005adab 1920w)
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
Media Blocks
![](https://riversandroutes.imgix.net/images/road-trip-2.jpg?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=320&s=4496d887ac797a04c5aca7691c812292 320w, https://riversandroutes.imgix.net/images/road-trip-2.jpg?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=540&s=de71c021e73d8cadaad9c366dba68308 540w, https://riversandroutes.imgix.net/images/road-trip-2.jpg?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=768&s=eb1244cc4669d6dd61cd3c4fe3b24be0 768w, https://riversandroutes.imgix.net/images/road-trip-2.jpg?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=1024&s=59d478cafc04834feaa87940b9989805 1024w, https://riversandroutes.imgix.net/images/road-trip-2.jpg?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=1200&s=cce0dec4048bba97cae9ac4c2053c704 1200w, https://riversandroutes.imgix.net/images/road-trip-2.jpg?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=1440&s=405c54760fcbef082e8526659f4768d5 1440w, https://riversandroutes.imgix.net/images/road-trip-2.jpg?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=1920&s=67d7311bad619b2e9e31a4b323cacccd 1920w)