Wall of Love
A masonry wall of nine short quote cards under a centered header, with illustrated avatars, names, and roles at customer companies.
A masonry wall of nine short quote cards under a centered header, with illustrated avatars, names, and roles at customer companies.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Wall of Love opens with a centered headline and lede, then pours nine short quotes into a masonry style wall built with CSS columns. Quote lengths are deliberately uneven so the cards interlock instead of forming rigid rows, and each card closes with an illustrated avatar, a name, and a role at a customer company.
The wall is a single flat array, so adding, removing, or reordering quotes is one edit. Cards keep themselves whole across column breaks, avatars come from the shared inline art in the design system, and every surface uses theme tokens, so the block reads correctly in light and dark with no external images.
Reach for this block when you have plenty of short, genuine praise and want volume to do the convincing. It suits the lower half of a landing page for a developer tool or a productivity app, where a dense wall of small voices lands differently than one polished case study: it feels collected from the wild rather than produced by marketing.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is nine quick customer quotes that read as gathered praise. A few other ways to use the frame:
Tip: keep the length variety intentional. Aim for a few one line quotes, a few medium ones, and two or three longer stories so the columns interlock instead of lining up in even rows.