Riding Mountain National Park
Style Guide

Style Guide

This style guide provides an overview of website styles, available content display types, and more important information for creating pages on the new Travel Manitoba website.

H2 Page Titles & Major Headlines: Obviously Narrow

H3 Powerful Creative Headline: Obviously Semibold

Readable text: Myriad Pro Semi Extended

Single Image Flex Content
Flex Hero
The hero image option can be utilized at any point on a given page to deliver a visual presentation of website content. The link is optional.

Use the column text editor to display content next to an image, illustration, or badge.

Available illustrations and badges have been loaded in Craft for your use, and additional badges can be added at any time.

The "Blockquote" widget can be used for pull quotes and important text. Font: Obviously Medium. Citation Optional

Use the Column Layout widget to create split treatments for content.

Choose the background color for the widget to properly complement illustrations and illustrations, or use the background color to provide visual interest to text-only columns.

We recommend using care with column layouts to ensure content is balanced. We recommend using the white and off-white background colors most frequently, with navy and light blue for targeted, minimal treatments on the page.

The Image Introduction field allows you to include content below an image. Include bold text or links to targeted pages.

Single Image Flex
Single Image Flex

Large Card

The Single Image Flex widget displays in this manner when one entry is included in the widget. The link is optional.

Medium Card
Single Image Flex

Medium Card

The Single Image Flex widget displays in this manner when two entries are included in the widget. The link is optional.

Single Image Flex

Medium Card

The Single Image Flex widget displays in this manner when two entries are included in the widget. The link is optional.

Small Card
Single Image Flex

Small Card

The Single Image Flex widget displays in this manner when four entries are included in the widget. The link is optional.

Single Image Flex

Small Card

The Single Image Flex widget displays in this manner when four entries are included in the widget. The link is optional.

Single Image Flex

Small Card

The Single Image Flex widget displays in this manner when four entries are included in the widget. The link is optional.

Single Image Flex

Small Card

The Single Image Flex widget displays in this manner when four entries are included in the widget. The link is optional.

Small Card With Icons
Single Image Flex

Small Card - Icons

Use icons in the Single Image Flex widget as an alternate for cross-promoting content. Alternate blue and red icons to add interest (we advise against using red icons in any other treatments on the site aside from this manner).

Single Image Flex

Small Card - Icons

Use icons in the Single Image Flex widget as an alternate for cross-promoting content. Alternate blue and red icons to add interest (we advise against using red icons in any other treatments on the site aside from this manner).

Single Image Flex

Small Card - Icons

Use icons in the Single Image Flex widget as an alternate for cross-promoting content. Alternate blue and red icons to add interest (we advise against using red icons in any other treatments on the site aside from this manner).

Single Image Flex

Small Card - Icons

Use icons in the Single Image Flex widget as an alternate for cross-promoting content. Alternate blue and red icons to add interest (we advise against using red icons in any other treatments on the site aside from this manner).

Large Image

Double Image Flex

Element can be utilized to feature page-specific content. Select an image, short descriptive text, and a call to action button to invite the visitor to see more information.

More Info

Keep content brief. Choose to use bold text or links to additional pages.

Falcon Lake

Medium Image

Keep content brief. Choose to use bold text or links to additional pages.

Double Image Flex

Element can be utilized to feature page-specific content. Select an image, short descriptive text, and a call to action button to invite the visitor to see more information.

More Info