Content

15 blocks · Tell your story with clean text blocks, about sections, image-text combinations, and flexible layouts for rich editorial content.

Bento2

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).

CV bento — profile row (2 cards)

Two-column bento row that stacks on mobile. Left card has circular photo, eyebrow, and stacked headline. Right card is a full-bleed photo tile with gradient scrim and caption.

Gallery2

Gallery offset two columns

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

Content — project portfolio grid

Accent-underlined title with a 2x2 grid of image cards, each with a project name and category tag line.

Split3

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.

Other8

View all
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.

Browse other blocks

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

View full library

Hero Split

Two-column hero with eyebrow, heading, description, CTAs on left — large image on right.

Hero Background

Dark background hero with eyebrow, centered heading, description, and CTA buttons.

CTA Simple

Centered call-to-action block with heading, description, and buttons on an accent background.

Features — Three pillar grid

Centered headline and subhead with a three-column grid. Each column has an icon, title, body text, and a primary text link with trailing arrow.

Our Team Grid

Full team section: centered heading and intro, 2-column grid of horizontal profile cards with photo, name, role, bio, and icon-only social links.

Contact Form

Contact section: photo hero with overlay, overlapping card, two-column name and email/phone rows, message, legal line, primary submit.

Hero Centered

Centered hero with eyebrow label, large heading, description, and two CTA buttons.

Testimonial Card

Section heading plus a two-column grid of story cards: bold card title, quote body, photo avatar with name and role.

Testimonial Photo

Large editorial portrait beside a blockquote, primary accent rule, and attribution — full section with split card.

Navbar

Full-width header band with logo plus Nav component: desktop links, primary CTA, hamburger, and slide panel with mirrored mobile links (same pattern as site templates).

CTA Split

Two-column CTA with text on the left and email signup on the right.

Breadcrumbs (page header)

Full section band: eyebrow, page title, short intro, then slash-separated breadcrumb trail under a bottom border (muted surface, content-width inner).