Grids
Wall
The whole set, in cards, as many columns as fit.
Every layout, live
22 layouts. The corner pop-up is on its own page, because it sits over the window rather than in it.
Open, with the tag
Grids
Masonry
Cards packed by height, no gaps left behind.
Grids
Even grid
Cards of equal height, in strict rows.
Lists
List
One after another, full width, no boxes.
Grids
Compact
Small cards, tight gaps, many at once.
In motion
Carousel
A row you push along, with arrows.
In motion
Marquee
A row that travels on its own, endlessly.
In motion
Spotlight
One at a time, large, with dots underneath.
One at a time
Single
One on its own, large — the first your ordering gives.
One at a time
Pull quote
The words alone, set large, centered.
Lists
Story
Face on one side, words on the other, alternating.
Video
Video wall
Only the ones with a recording.
At a glance
Avatars
A row of faces and a count.
At a glance
Rating badge
The average, the stars, the count — in a small box.
At a glance
Rating line
The same number with no box around it.
Placed on the page
Sidebar
A narrow column of small cards.
One at a time
Strip
One quotation at a time, changing.
At a glance
Companies
The names of the firms your customers work for.
Lists
Bubbles
Read as a conversation, face under each one.
Grids
Columns
Set as print: no cards, no borders.
In motion
Tabs
The visitor picks whose testimonial to read.
At a glance
Summary
The figures: how many, what average, how many on video.
The previews read Hazelsong's own wall, through the same public endpoint your site would read. While that wall has no testimonials of its own yet, each layout is drawn with placeholder cards and says so under itself — a gallery of invented customers would be the one thing this product exists to refuse.
One script tag, and you can change your mind later
The layout is a query string, so swapping a wall for a marquee does not mean touching your page again.