Kage Design logo kage
rtrvr.ai
Retriever AI testimonials component

Design analysis

Five small rounded cards form a dense review strip, using star ratings and clipped quotes to communicate breadth without interrupting the page 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/retriever-ai/4363ca9a-43f9-447c-8e7d-56b17f2dfed5-1792044245-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/retriever-ai/4363ca9a-43f9-447c-8e7d-56b17f2dfed5-1792044106345-full.webp
- Component on Kage: https://kage.design/component/retriever-testimonials

## Before you start
Ask what type of customer feedback the user's product has and what tone of review feels authentic. Then generate a varied, original set of testimonials.

Build a horizontal testimonial strip of four to six equal-width cards. Each card should have a small star rating or trust indicator, a short quote, and optionally a discreet attribution. Keep the cards visually consistent but vary quote lengths enough to feel human. On mobile, turn the row into a swipeable carousel with pagination or snap scrolling.

Design language: background #f4f1e8, cards #fffefa, text #1b1a17, and a muted coral #e87564 for stars. Use 14–16px serif or humanist quote text, 10–11px metadata, 14–18px card padding, 10–12px radius, and a soft shadow such as 0 8px 24px rgba(35,30,20,.08). Maintain 12–16px gaps and avoid making the cards too tall. Ensure quotes remain readable and provide accessible carousel controls.

Never: copy logos, product names, copy, illustrations, or imagery from the reference.

More components