Category: Image and Text
Various combinations of images and text
Two-Up Image Feature Grid
A page section with its own header, and two columns with individual image, heading, text and link.
View pattern
Three-up Image Feature Grid
A variant of the three-column text pattern that adds an image to the top of each column.
View pattern
Text and Image Right (Large)
Two equal columns with text on the left and an image on the right.
View pattern
Text and image right (Medium)
A two column layout with a medium-sized image on the right.
View pattern
Text and image left (Medium)
A two column row with a medium-sized image on the left and extra room for text.
View pattern
Text and Image Left (Large)
Two equal columns with an image on the left and text on the right.
View pattern
Image Overlap Row (Medium)
A full-width, single-column row with a content/image overlap block that is limited to 2/3 of the content width.
View pattern
Image Overlap Row (Full)
An image/content overlap block within a content-width column that takes up all of the content area.
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