Design Guidelines

Media
Image
forest
Title
Design Guidelines
Subtitle
For the production of Missouri Department of Conservation website pages
Body

About the Design Guidelines

The tone of the mdc.mo.gov site design reflects the outdoorsy, trustworthy, and family-friendly qualities of Missouri Department of Conservation. The layout provides information that is concise and highly scannable to meet the primary audience objectives.

Title
Details
Title
Design Objectives
Body

Tone

  • Outdoorsy - photography, color scheme, and other visual elements reference Missouri's ecosystem and appeal to those passionate about its wildlife and natural areas.
  • Family friendly - imagery, color, typography and design elements portray a social, family-friendly environment.
  • Trustworthy - bold, authoritative fonts and colors establish the site as an official, respectable, and comprehensive source of government information.

Primary Audience Objectives

  • Serve hunters and anglers - 75% of site visitors.
  • Connect audiences with nature - 25% of site visitors.
  • Grow community conservation - focus on making community more green, native plants for landscaping, and backyard work for city admins, landscape architects, and legislators.
Title
Page Layouts
Subtitle
Where to find
Body

Layouts for pages are found in Page Layouts in the left navigation.

Title
Components
Subtitle
Where to find
Body

Pages on the new site are created with the Drupal layout builder. To build a page, you will add Components, as specified in the Page Layouts. Information on how to use each of the Components can be found in the left navigation.

Title
Colors
Subtitle
Where to find
Body

See Colors used for the site and the section bars:

Title
Page Features
Subtitle
Where to find
Body

Find details on the Page Features used on the site, such as navigation blocks, pagination, sidebars, and alerts:

Title
Typography
Subtitle
Where to find
Body

See the Typography used on the site, including typeface, headings, footer, and body text:

Title
Default heading styles
Body

Heading 1: See page title at top of page

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6