Preview image. Unlock full-res
Dark centered-heading testimonial bento mixing a large quote card with smaller rating and award-badge cards.
Summary
A dark testimonial section that arranges proof into a bento of unequal cards: a large social-media quote beside stacked rating and award-badge tiles. The defining move is mixing a personal quote with third-party ratings and awards in one asymmetric grid.
Visual description
A black section opens with a blue "Reviews" eyebrow, a centered oversized white heading "People love using Framer.", and a two-line muted subhead. Below sit three dark rounded cards in a bento layout. The tall left card shows a white X (Twitter) logo over a subtle silk-like gradient, a centered quote ("Once you experience using Framer to build a site, there is no going back."), and a small avatar with the name "Colin Dunn". The upper-right card has a warm red gradient with a "Product Hunt" pill, five orange stars, and "(4.7) based on 496 reviews", flanked by faded "Product of the day, 1st" laurels. The lower-right card sits on a blue gradient and centers a G2 "Highest User Adoption, Summer 2024" badge among faded G2 Leader award shields.
Key takeaway
Combining a human quote with platform ratings and award badges in one bento, so credibility comes from multiple sources at once. The per-card gradient tinting (neutral, red, blue) differentiates the tiles while keeping the dark system cohesive, and the large quote tile gives the section a clear anchor.
Reuse notes
Use when you have a mix of proof types (a strong quote plus review-site scores and awards) and want them on one screen. Works best on dark where the colored gradients and badge art pop. The badges are platform-specific assets, so swap in your own ratings and awards rather than copying these.
