descript.com
Design analysis
A pale review section pairs a strong editorial heading with an aggregate rating and three large, decorative quote cards that make the customer voice the visual focus.
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/descript-com/c210b18a-1678-4bef-91b5-c444a8589f04-1789146912-6.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/descript-com/c210b18a-1678-4bef-91b5-c444a8589f04-1789146857587-full.webp - Component on Kage: https://kage.design/component/descript-testimonials ## Before you start Ask what review sources and customer stories the user's product can legitimately feature. Match the section to the product's tone and use verifiable details. Create a light testimonial section with a two-part intro row: a large left-aligned heading and short explanation, plus a compact rating summary on the right with score, stars, source label, and review count. Below, display three equal quote cards with a softly tinted lavender or blue-violet frame treatment, generous inner padding, category eyebrow, quote, and author role. Use warm white #fff8fa, plum #3a101c, lavender #aaa5f0, pale lavender #eeeeff, and muted gray text #6d6067. Keep cards around 240–300px tall, align author blocks at the bottom, and use 16–24px gaps. On mobile, allow one card per viewport with dots or swipe navigation. Include accessible star text and do not imply a rating source unless it is real. ### Never - Never use reference testimonials, names, rating values, review-site marks, or exact wording. - Never fabricate social proof or use decorative stars without an accessible label.
kage