## 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/databench-by-alkera/229e473d-7918-4538-a962-0aa359369c12-1791439387-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/databench-by-alkera/229e473d-7918-4538-a962-0aa359369c12-1791439317723-full.webp
- Component on Kage: https://kage.design/component/databench-by-alkera-hero

## Before you start
Ask the user what their product is, what its strongest customer outcome is, and which brand colors and visual assets they own. Apply these principles to that product and create original content.

Create a tall, spacious SaaS hero directly below the navigation. Use a two-column upper composition: a large headline on the left and an original abstract product-related visual on the right. Make the headline 42–50px desktop, tight line-height around 0.98–1.05, with one short phrase emphasized using a soft brand-color highlight block such as #8ed18d. Add a 17–19px muted supporting paragraph below, then a filled dark primary CTA and an outlined secondary CTA with an 8px radius. Beneath this row, place a wide rounded product interface preview with a very light blue-gray surround (#edf4f6), subtle border, and restrained shadow; the preview should demonstrate the product rather than act as decoration. Use a max-width around 810px and generous vertical rhythm. On mobile, stack the visual below the copy and make buttons full-width or neatly wrapping.

Never: use logos, product names, copy, illustrations, or imagery from the reference.