Image Cards block
A grid of image + title + description cards. Seven layouts including tabs, scrolling row, 2/3/4-col grids and a bento mosaic.
What is the Image Cards block?
The Image Cards block displays a collection of image + title + description cards in your choice of layout. Use it for case studies, product galleries, service overviews, portfolios — anywhere a list of "things with pictures" needs to feel structured.
It offers seven styles: two interactive tab layouts (0, 1), a horizontal scrolling row (2), three even grids (3, 4, 5), and a bento mosaic (6). All examples below use the same six sample cards. Hover over any example for the "How to set this up" button.
Style 0 — Tabs, image left
One card visible at a time, image on the left.
Workshops, interviews and a structured audit of what you've got.
Wireframes, prototypes and a visual language for the new site.
We assemble the pages, hook up forms and integrations, and load real content.
DNS, redirects, monitoring — and a smooth go-live with the whole team watching.
Analytics review and quarterly upgrades based on what your visitors actually do.
Ongoing care, security patches and the answers to every "how do I…" question.
Style 1 — Tabs, image right
Mirror of style 0.
Workshops, interviews and a structured audit of what you've got.
Wireframes, prototypes and a visual language for the new site.
We assemble the pages, hook up forms and integrations, and load real content.
DNS, redirects, monitoring — and a smooth go-live with the whole team watching.
Analytics review and quarterly upgrades based on what your visitors actually do.
Ongoing care, security patches and the answers to every "how do I…" question.
Style 2 — Scrolling row
Horizontal scrolling row — snap-scroll on mobile.
Workshops and audit.
Wireframes and prototypes.
Assemble pages and content.
Smooth go-live.
Quarterly upgrades.
Ongoing care.
Style 3 — 2-col grid
Two-column grid — each card has room to breathe.
Workshops, interviews and a structured audit of what you've got.
Wireframes, prototypes and a visual language for the new site.
We assemble the pages, hook up forms and integrations, and load real content.
DNS, redirects, monitoring — and a smooth go-live with the whole team watching.
Analytics review and quarterly upgrades based on what your visitors actually do.
Ongoing care, security patches and the answers to every "how do I…" question.
Style 4 — 3-col grid
Three-column grid — the classic balance.
Workshops and audit.
Wireframes and prototypes.
Assemble and integrate.
DNS, redirects, go-live.
Quarterly upgrades.
Ongoing care.
Style 5 — 4-col grid
Tightest grid — best for thumbnail-style collections.
Style 6 — Bento
Bento mosaic of varying-size cards. Caps at 6.
Workshops and audit.
Wireframes and prototypes.
Pages and integrations.
Smooth go-live.
Quarterly upgrades.
Ongoing care.