Cards With Stats
Testimonial cards joined by a row of headline metrics like users and revenue. Pair real quotes with hard numbers to prove your product delivers.
Testimonial cards joined by a row of headline metrics like users and revenue. Pair real quotes with hard numbers to prove your product delivers.
Search blocks by description or jump to a page.
Cards With Stats opens with a left-aligned section heading, then a three-column grid of solid-filled testimonial cards. Each card holds an italic quote in the upper body and a footer strip with a circular avatar, the reviewer's name, and their role. Below the card grid sits a second grid of three headline metrics, each showing a short label, a large bold number, and a one-line description. A decorative SVG sits in the bottom corner of the section without interfering with the content.
All three testimonials, all three stats, the section heading, and the decorative element are independent of each other. You can swap every quote and author, change any metric to match your own numbers, update the heading, or reduce the card count. The two grids are separate, so you could drop the stats row entirely and keep just the cards, or vice versa.
Reach for this block when you need social proof that also carries hard evidence. A single quote reassures, but pairing it with a metric like accuracy rate or active users turns reassurance into a factual claim. For an AI assistant product this is a natural fit: a few user voices describe the day-to-day experience while the numbers below confirm scale and reliability. It sits a level above a plain card grid because the stat row gives skeptical buyers a second layer of confidence before they scroll to pricing.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The frame works best when your proof points are both human and numerical. A few ways to fill it:
Tip: keep the stat values short enough to fit on one line at large size; a four- or five-character value reads fastest and keeps the grid balanced.