rtrvr.ai
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.
kage