Page Block Library

How To | Style Guide | Content Styles | Accessibility Tips | Page Blocks

The Modular Building Blocks

Click a card to see examples of that block type. Each example page shows the many variations a block can have.

Basic Content Block

This page block is very straightforward, and utilizes some basic WYSIWYG text modules.

Column Block

This page block type is the most sophisticated of the bunch, offering a wide variety of options for you to choose from. Can be simple content or clickable cards, can be 3, or 4 columns across, and some other variations available.

Blurb Block

Columns with lists of blurbs. Options include making each blurb in a column styled as a card. If blurbs are styled as a card, they can be linked.

Image/Text Block

This is a foundational page block type, and contains a side-by-side layout on desktop, featuring an image in one column and paragraph of text in the second column. Several variations exist for this block type.

Video/Text Block

This page block is for when you want to embed video content of considerable length (for example, like a 2 minute explanation video).

Mega Block

This block merges the Image or Video and Text block with the columns block. This is a good way to present visual information with related content below.

Testimonial Block

This page block helps to add validation to your content, and comes in a couple different variations to fit your content needs.

Stats Block

Columns of stats that can be static or animated. Optional fields include a prefix, suffix, and description.

Call-to-Action Block

This page block makes a statement and catches the visitor’s eye, enticing them to click through to specific key conversion pages. This page is intended to be position at the very bottom of your page, just above the footer.

FAQ Block

Outputs a list of FAQs with buttons to toggle all open or closed.

Post Feed Block

List articles by date, by category, or manually choose which articles to display.

Team Block

Manually choose a list of team members.

Logo Block

Display a row of logos.

Archive Block

This page block is to display an archive block to mimic a landing page design. Contains facets – selects, search and pagination. This will replace default “archive” pages.

Messaging Block

Phasellus ullamcorper ipsum rutrum nunc. Praesent turpis. Fusce vulputate eleifend sapien.