Preview image. Unlock full-res
Dark testimonials section featuring one large photographic quote card with an overlaid customer quote, switched by a row of brand logo tabs below.
Summary
A dark testimonials block built around a single large photographic quote card, with a customer quote laid over the image and a row of brand logo tabs below to swap between stories.
Visual description
On near-black, a small "CUSTOMERS" pill sits beside a teal arrow chip and a "Read more stories" link, above an oversized white headline "Trusted by the most innovative teams" and a line of muted sub-copy. Below is one wide rounded card filled edge to edge with a motion-blurred photograph of a sprinter; the white PUMA logo sits top-left and an italic two-line pull quote ("There are so many exciting combinations that PUMA can create with Sanity. Now that we have a structure, it's infinitely scalable.") is set across the lower image over a dark gradient. Under the quote, a small attribution reads "Bettina Donmez / E-Commerce Platform Development @ PUMA" with a "Read the PUMA story" link aligned right. Beneath the card, a four-tab logo selector (PUMA highlighted in a dark pill, then Tecovas, Morning Brew Inc., Vercel) acts as the story switcher.
Key takeaway
Using a full-bleed brand photograph as the testimonial background so the quote rides on real imagery instead of a flat card. The logo row doubling as both social proof and the tab control to switch featured stories is an efficient two-in-one.
Reuse notes
Best when you have high-quality customer imagery and a handful of marquee logos to rotate. The quote must stay legible, so a strong bottom gradient over the photo is essential. Works on dark; the highlighted-logo tab pattern only reads as interactive if there are several brands to switch between.
