Kage Design logo kage
chime.com
chime.com testimonials component

Design analysis

A centered heading introduces three white review cards with star ratings, short quotes, reviewer names, and platform labels. The cards use staggered heights and soft shadows to create a light editorial rhythm.

Prompt preview
## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/chime-com/8a783617-6b1d-44ef-a500-84b69ae63fa0-1789146542-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/chime-com/8a783617-6b1d-44ef-a500-84b69ae63fa0-1789146449552-full.webp
- Component on Kage: https://kage.design/component/chime-testimonials

## Before you start
Ask what customers say about the user's product, which review platforms are credible, and what tone the brand should use. Then create an original testimonial section.

Create a white testimonial section with a centered heading and a three-card horizontal review layout. Each card should include a compact star rating, a natural-language quote, reviewer attribution, and a subtle source label. Use white cards, 12–16px radius, very light gray border or shadow, 20–24px padding, dark green text around #12352B, and a warm or muted accent for stars. Vary card copy length naturally but keep the bottom attribution aligned where possible. Add carousel controls or horizontal scrolling on mobile, with accessible labels and visible focus states. Give the section a generous top and bottom margin so the heading is visually separated from the cards.

Never: copy review quotes, names, app-store marks, logos, product name, or exact card content from the reference.

More components