Web Style Guide

Ornate door

The Web Style Guide will help you navigate and utilize the various configurable layouts within our content management system.

Each page in this guide illustrates different component layouts, with descriptions and examples to demonstrate how they can be adapted for various types of content. You’ll find clear instructions and videos on how to set up and modify layouts, plus practical tips for using them.

Components

Components are predefined content blocks that allow editors to build flexible and dynamic pages with ease. This modular approach greatly simplifies the layout process and helps ensure design consistency across the site.

Accordion

A vertically stacked list of text headers that can be expanded one at a time to reveal more information.

Link List

A defined content area that draws attention to a set of links. It includes an image, a small amount of descriptive text, and one or more links.

Card Grid

Rows of three cards, with images or without.

Media Grid

An image gallery.

WYSIWYG

A range of page elements—like headlines, body text, bulleted and numbered lists, CTA buttons, quotes, tables, and media—in a custom block.

CTA Buttons

Call-to-Action buttons.

Table

Arrange data into rows and columns neatly.

Web Training Resources

An overview of the web redesign project, best practices and context for upcoming trainings.