Style Guide

This is the page introduction.

Text Editor 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

Readable text

If desired, choose to offset your text block with a background color. You can also choose to split the text into two columns. Control this on the Settings tab of the widget.

Text Editor: Teal Background

Heading 2 style

Heading 3 style

Readable text

Text Editor: Grey Background

Heading 2 style

Heading 3 style

Readable text

Text Editor: Split Layout

Use the split layout to divide your copy into two columns.

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

Blockquote: Use to highlight important snippets of content of quotes. 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.

Pictured: Image (Asset), Full Layout: Caption and Link Optional

Pictured: Image (Asset), Center Layout: Caption and Link Optional

Cards Layout

Heading

Subheading

In order to enter content directly on the page using stylized layouts, simply enter content in the "Overrides" tab.

Ancillary Heading

Link Optional

Heading

Subheading

For optimal visuals, we recommend including multiples of two entries in each card widget.

Ancillary Heading

Link Optional

Cards Layout

Heading

Subheading

In order to enter content directly on the page using stylized layouts, simply enter content in the "Overrides" tab.

Ancillary Heading

Link Optional

Heading

Subheading

Create separate entries in order to display multiple cards in a single group.

Ancillary Heading

Link Optional

Heading

Subheading

The system will adjust to display cards depending on how many are included in the widget.

Ancillary Heading

Link Optional

Heading

Subheading

For optimal visuals, we recommend including multiples of two entries in each card widget.

Ancillary Heading

Link Optional

Slider Layout

Heading

Subheading

Use the Slider layout to feature multiple elements in a row.

Ancillary Heading

Link Optional

Heading

Subheading

Use the Slider layout to feature multiple elements in a row.

Ancillary Heading

Link Optional

Heading

Subheading

For optimal visuals, we recommend including at least four entries in a slider widget.

Ancillary Heading

Link Optional

Heading

Subheading

For optimal visuals, we recommend including at least four entries in a slider widget.

Ancillary Heading

Link Optional

Subheading

Large Card

Heading

Subheading

Use the Large Card layout to feature a single piece of content in an impactful way.

Ancillary Heading

Link Optional

Mashup Layout

Heading Learn More

Banner Layout

Heading

Subheading

Use the Banner layout to feature content in an interesting way.

Link Optional

Spotlight Layout

Ancillary Heading

Heading

Spotlights allow you to display content overlaid on a muted background image. Choose the background image at the widget (not the entry) level.

Link Optional

Hero Layout

HeadingSubheading

Use the hero layout to display content in an immersive way at any point on the page.

Link Optional

Tempest Shared Widgets

Photo Galleries

Outdoors

Neighborhoods

Breweries

Videos

Visit Spokane

A Matter of Time

Spokane Convention Experience

Room to Roam - Hike, Bike or Kayak in Spokane, Washington

Hero Video

3rd Party Media

Embed Code: Use to feature content from YouTube, Instagram, and the like

View this post on Instagram

A post shared by Visit Spokane (@visitspokane)

Weather Feed

Saturday, Sep 23

High: 72° Low: 50°

scattered clouds

Sunday, Sep 24

High: 67° Low: 55°

light rain

Monday, Sep 25

High: 79° Low: 59°

overcast clouds

Tuesday, Sep 26

High: 65° Low: 56°

light rain

Wednesday, Sep 27

High: 64° Low: 51°

light rain

Thursday, Sep 28

High: 62° Low: 51°

scattered clouds

Friday, Sep 29

High: 61° Low: 46°

clear sky

Saturday, Sep 30

High: 57° Low: 47°

moderate rain

Listing Section

Use to display partner, event calendar, or blog listings. Choose to filter listings by partner category, region, and more. If desired, photos can be disabled on listings.