Page Block Library

How to | Style Guide | Content Styles | Page Blocks | Accessibility

Block Examples

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

Image/Text

1-2 Columns, each column can be Image OR Text. The image can optionally be output as a circle.

Video/Text

1-2 Columns, each column can be Video OR Text.

Testimonials

Displays from 1-3 Testimonials. Options include a Testimonial Name, Image, and Title.

Stat Counters

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

Columns/Cards

Columns of text, or images, or text and images. Options include choosing the number of columns, and style the column as a card.

Blurb Columns

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.

Call To Action Block

Can have a background image with bright or dark overlay. Multiple CTA links or buttons nicely formatted. CTA block can be used as a transition block that will overlap the preceding and following elements.

Article Feed Block

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

Team Feed Block

Show team members by random, category, or by manual selection.

Hero Block

Output header/hero areas, often containing an H1 at the top of a page.

Text Block

Output simple text blocks.

0/5 (0 Reviews)

Sign up to get the latest news and updates from Clarke.