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

Design analysis

A split promotional section introduces the business offering with a large heading and CTA on the left, while a colorful scheduling-product visual dominates the right.

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-1789146194-9.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-4

## 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 business-oriented product showcase in a two-column layout. On the left, place an oversized headline, short value proposition, dark pill CTA, and a compact trust/review proof row. On the right, show an abstract software dashboard mockup with a calendar or workflow grid, layered cards, rounded corners, and soft lime/lavender glow behind it. Use a pale warm background (`#fbfaf6`) with a bright accent glow (`#d8ff3f` or a product-appropriate equivalent). Keep the visual hierarchy asymmetric: text should be easy to scan while the mockup communicates capability. Stack on mobile with text first.

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

More components