Kage Design logo kage
fresha.com
fresha.com testimonials component

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.

More components