Web Style Guide

Ornate door

The Web Style Guide helps content owners navigate and utilize the various configurable layouts within St. Edward's content management system.

Each page in this guide illustrates different components, with descriptions and examples to demonstrate how they can be adapted for various types of content. Clear instructions and videos explain how to set up and modify layouts, along with 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.