Kage Design logo kage
opensend.cc
opensend.cc hero component

Design analysis

The opening hero combines a small social-proof badge, oversized two-line value proposition, concise explanation, paired actions, and a founder credibility note.

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/opensend-cc/cb8c9d86-a0e5-47f8-893c-550f6137189a-1791180189-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/opensend-cc/cb8c9d86-a0e5-47f8-893c-550f6137189a-1791180114349-full.webp
- Component on Kage: https://kage.design/component/opensend-hero

## Before you start
Ask what the user's product, audience, brand voice, and main conversion goal are, then apply the principles below to that product.

Build a centered hero beneath the navigation with generous vertical whitespace. Start with a small pill-shaped proof badge, followed by a large two-line headline where the second line can use a lighter gray emphasis. Add a narrow supporting paragraph, two adjacent CTAs with one dark filled button and one light outlined button, then a tiny credibility or author row. Use a white/off-white background (#fbfbfb), near-black headline text (#252525), muted gray secondary text (#737373), 48–56px bold desktop heading with tight line-height, and 14px body copy. Buttons should be compact, 8px radius, with subtle shadow and 1px borders. Center everything on a max-width of roughly 560px.

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

More components