Gallery offset two columns

Two-column grid of tall cover panels with series captions and alternating vertical offset on large screens.

contentgalleryportfoliogridoffsetimages

Browse other blocks

Same library cards — preview live and grab structure from any block.

View full library

Section Header

Centered intro band: eyebrow, larger title, short primary accent rule, then subtitle—inside a soft rounded well for depth.

Asymmetric image gallery

Centered headline and intro, then a 4-column grid of six rounded photos: top row 2+1+1 spans, bottom row 1+2+1. Stacks to a single column on small screens.

Image left, story right

Feature photo on the left, eyebrow + headline + body + primary CTA on the right. CTA is content-sized (not full-width). Mirrors the text-first split block with image-first storytelling.

Text and image split

Standard two-column section: left column is a bold heading plus two paragraphs; right column is one rounded feature photo. Stacks on mobile with copy first, no staggered or dual-image layouts.

Heading with description

Centered heading with an emphasized stat, body paragraphs, and a primary text link with chevron.

Split heading and body

Two columns on large screens: left has headline, short intro, and text CTA with chevron; right has two detail paragraphs. Stacks on mobile.

Table of contents card

Centered section title above a muted rounded card listing chapter titles and blurbs, separated by hairline dividers, plus a centered text CTA below.

Image cards row

Three full-bleed photo panels in a row (stacks on mobile), constrained to the content width. From the Audio catalog template; normalized to design tokens, content width, and card radius clipping.

Split copy and half-width image

Two-column row at md+: copy column (heading + body) and a half-width cover image with card-radius clipping. From the Audio catalog; normalized to tokens and content width.

Editorial split quote

Two-column row with top border: narrow uppercase kicker on the left and a large light-weight blockquote on the right.

Content — about split (copy + image)

Two-column about section with eyebrow title and body text on one side, full-height cover image on the other. Stacks on mobile.

CV bento — details row (2 cards)

Single section band: two-column grid with a highlight / role card (eyebrow, title, date line) and an inverted status card (accent dot, short availability copy).