Kage Design logo kage
omnea.co
omnea.co hero component

Design analysis

The hero uses an unusually large editorial headline, tiny category label, short explanatory copy, and one focused demo CTA over a very subtle atmospheric background.

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/omnea-co/444fd721-a6f8-467e-8179-cf278abe5ec1-1789142166-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/omnea-co/444fd721-a6f8-467e-8179-cf278abe5ec1-1789141735165-full.webp
- Component on Kage: https://kage.design/component/omnea-hero

## Before you start
Ask what the user's product is, who it serves, and what its brand personality and primary conversion goal are. Then apply the following principles to that product rather than copying the reference.

Create a centered hero directly below the navigation. Include a tiny uppercase eyebrow, a large high-contrast editorial headline in a refined serif or humanist display face, two short lines of supporting copy, and one dark primary CTA. Use a warm white #fbfbfa canvas and an extremely subtle pale green/gray radial texture or abstract grain behind the content, never a literal illustration. Set the headline around 42–58px desktop with tight line-height around 0.92–1.0, copy at 13–16px, and stack everything on a vertical rhythm with 20–28px gaps. Keep the content narrow, around 440px, and center the CTA. Optionally place a quiet trust/logo row near the bottom with low contrast. On mobile reduce the headline to 34–42px and preserve generous top and bottom whitespace.

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

More components