blinkist.com
Design analysis
A community headline is supported by three editorial testimonial columns combining portrait cards, audience labels, star ratings, and pull quotes.
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/blinkist-com/923d3302-3f7c-4bf2-9567-691903266cb3-1789146453-6.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/blinkist-com/923d3302-3f7c-4bf2-9567-691903266cb3-1789146395050-full.webp - Component on Kage: https://kage.design/component/blinkist-testimonials ## Before you start Ask what the user's product, audience, and brand are, then apply these principles to that product rather than copying the reference. Build a testimonial section with a centered two-line headline and three horizontally arranged member stories. Each story should pair a rounded portrait tile with a small audience badge, a star rating, and a short quote with selective bold emphasis. Use an editorial layout rather than generic cards: vary the portrait positions slightly, add oversized low-contrast quotation marks as decoration, and maintain a generous 24–36px gap. Keep the background white, use navy #073544, soft lavender accents #eeeaff, muted body text #4f5859, and 16px rounded image corners. Add a centered CTA underneath and stack stories cleanly on mobile. Never use the reference's logos, product names, copy, illustrations, or imagery.
kage