fresha.com
Design analysis
Four tall testimonial cards use star ratings, bold review titles, short quotes, and reviewer identity blocks in a pale gray carousel.
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/fresha-com/a0edb032-1288-4233-aedd-1c2eb6d6db18-1789146193-6.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/fresha-com/a0edb032-1288-4233-aedd-1c2eb6d6db18-1789146166919-full.webp - Component on Kage: https://kage.design/component/fresha-testimonials ## Before you start Ask what the user's product and brand are, then apply the principles below to that context rather than reproducing this reference. Create a testimonial carousel on a white background with a left-aligned heading and four equal cards. Give cards a very light gray fill (`#f5f5f5`), 14–18px radius, generous internal padding, and enough height for the reviewer identity to sit near the bottom. Show a warm yellow star row, a bold review title, readable quote text, and a circular avatar with name and location. Use 16px gaps, an edge arrow, and horizontal scrolling on mobile. Keep the tone editorial and trustworthy without adding excessive decoration. Never: use the reference's logo, product name, exact copy, illustrations, imagery, or branding.
kage