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

Design analysis

A dramatic dark interlude resets the page rhythm, pairing a centered promise with a large interactive-looking architecture panel and an understated human-support message.

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-1789142168-6.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-2

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

Design a full-width dark product narrative section using near-black #151817 with warm white text #f4f1eb and faint gray-green borders. Start with a tiny uppercase eyebrow and centered editorial headline, followed by a one- or two-line explanation. Place a large bordered architecture/workspace panel below: use a vertical list of selectable categories on the left and a subtle product visualization area on the right. Make the selected row visibly brighter, but keep the overall interface quiet and premium. After ample vertical space, include a second centered message about expert support or human partnership with short explanatory text. Use thin 1px borders in #303432, restrained motion on hover/focus, and a 6px radius at most. Ensure contrast, focus states, and mobile stacking are strong.

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

More components