Highnote masonry customer story grid

Highnote masonry customer story grid, minimal, light-mode, light

Preview image. Unlock full-res

Asymmetric bento grid alternating case-study video blocks, CEO quotes, and simple logo tiles on a cream canvas.

Palette
#FFFFFF
#AAABA2
#66564B
#C8B8A5
#3D362E

Summary

Editorial masonry layout weaving full-width case-study rows with attributed CEO quotes and neutral logo-only cells.

Visual description

Light cream page with no section header; cards float in a staggered bento. Wide top card pairs Fluz logo, case-study headline, pill "View Case Study" button, and a video still of a speaker labeled "digital wallet." Smaller white quote cards cite Netevia and Splitit CEOs beside gray logo-only tiles for Samsung and Mudflap. A mirrored full-width Ferry row places video left and copy plus CTA right. Bottom row mixes BNY attributed quote with PingPong logo tile.

Key takeaway

Alternating hero case-study spans with one-line logo fillers breaks grid monotony while keeping the palette restrained. Pill CTAs stay quiet so photography and logos dominate.

Reuse notes

Best when you have varied customer assets: some full stories, some logo-only mentions. Masonry needs careful responsive reflow to preserve rhythm on smaller breakpoints.

More testimonials sections

See all

More like this