Kage Design logo kage
fresha.com
fresha.com feature grid component

Design analysis

A third listing rail surfaces popular businesses, followed by substantial whitespace that separates marketplace browsing from the app promotion.

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-1789146192-4.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-feature-grid-3

## 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.

Build a trending-content carousel using the same established listing-card grammar for consistency. Include four visual cards with image thumbnails, editorial badges, favorites, star ratings, and short business metadata. Align the heading to the same content grid as the other rails and preserve generous bottom spacing before the next major section. Use responsive horizontal overflow instead of shrinking cards below a readable width.

Never: use the reference's logo, product name, exact copy, illustrations, imagery, or branding.

More components