fresha.com
Design analysis
A large pastel gradient hero combines a bold centered headline, supporting line, wide search control, live booking metric, and app prompt.
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-1.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-hero ## 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 centered discovery hero directly below the navigation. Use a soft lavender-to-pink gradient (`#d9d8ff` to `#ffd7f6`) with generous vertical breathing room. Add a large near-black headline at roughly 44–52px with tight line height, a single supporting sentence, then a wide white search bar divided into 3–4 fields and a dark pill-shaped submit button. Follow it with a small bold live statistic and a secondary app-download pill. Keep the search container max-width around 770px, radius 28px, subtle shadow, and use simple line icons. On mobile, stack the search fields while retaining one prominent action. Never: use the reference's logo, product name, exact copy, illustrations, imagery, or branding.
kage