Design System

An overview of brand styles, guidelines, and standards for use across media & content types throughout the site.

Table Of Contents
  1. Brand & Site Standards
  2. Content Standards

Brand & Site Standards

Style guide and brand standards as they apply to online properties

Typography

Font families, type scale, and case standards

Iconography

Catalog of available options (built-in & site-specific)

Spacing

Ranges of brand, semantic, and neutral colors

Copy Writing

Standards for written content, language usage, and naming standards

Content Standards

Purpose-built presentational options for a range of content types

Box Layouts

Grid-like layouts of boxed groups & covers for highlighted/promoted content

Cards & Tiles

Row or grid layouts of small, repeated informational items — Features, highlighted topics, resource cards, etc.

Columns

Column-based layouts including a tight grid presentation

Comparisons

Comparison, pricing, or other related-data content layouts

FAQs

Frequently Asked Questions display options (accordions, panels, etc.)

Footnotes

Styles for citing sources or details inline with text

Forms

Examples of form functionality & range of field types

Hero Banners

Start-of-page introductory & featured content panels

Links Page

A simple layout to direct visitors to high-value destinations. Use on pages without a header or footer for better mobile efficiency.

Lists

Bullets, numbers, and icons.

Media & Text

Layout combinations of media with accompanying text

Shadows

Shadow options for various element states

Sliders

Slide- & swipe-based, interactive or automated content presentations

Tables

Table-based content presentation

Tabs

Tabbed & toggled content panels, show/hide, etc.

Team & People

Displays of company organization personnel, individuals, author cards, etc.
Scroll to Top