Category: Patterns

KE block patterns for the Gutenberg editor

Image Overlap Row (Full)

An image/content overlap block within a content-width column that takes up all of the content area.

View pattern

Call to Action With Image Left

A variation of our standard call to action with an image on the left, and the content on the right. Based on the layout of the NSF disclosure feature required on several of our sites.

View pattern

Full-width Page with Breadcrumbs

A single-column, full-width layout with the Yoast breadcrumbs block.

View pattern

Full-width Page

A page starter with a hero and a single container/row/column for content.

View pattern

Four-up Static Card Row

A single row with four static cards.

View pattern

Four-up Image Feature Grid

A two-by-two navigational section with its own heading. Each column has a feature image, heading, body text, and link.

View pattern

Four column heading and text

A four-column section with a main heading, and four columns each having a sub-heading and body text.

View pattern

Dynamic News Grid

A full-width section that included a background pattern, heading, and a grid of news cards.

View pattern

Card on Photo

A ‘card’ on top of a full-width image.

View pattern

Basic Call to Action

Our default Call to Action section, with heading, text, and a button on top of a background image.

View pattern