Kage Design logo kage
venmo.com
venmo.com hero component

Design analysis

A saturated blue hero combines a centered headline and supporting text with a large rounded lifestyle video frame and a floating QR-code affordance.

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/venmo-com/e421e2ca-b11c-49c9-b106-d3994196da77-1789146507-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/venmo-com/e421e2ca-b11c-49c9-b106-d3994196da77-1789146468321-full.webp
- Component on Kage: https://kage.design/component/venmo-hero

## Before you start
Ask what the user's product, audience, brand, and primary conversion goal are, then adapt this structure to that context.

Create a full-width hero directly beneath the navigation using a vivid sky-blue background close to #4BAEF0, with a large centered black headline, one-line supporting copy, and a small disclaimer beneath. Place a wide 16:9 media panel below the text, inset from the page edges, with a 24px rounded corner and an image/video placeholder using the user's own asset. Add a small floating QR or secondary action card near the media panel's right edge, plus a discreet circular play/pause control inside the media. Use bold, friendly sans-serif type, approximately 42–48px for the heading and 14–16px for body text. Give the section generous top and bottom padding and make the media scale to one column on mobile.

### Never
- Never use logos, product names, copy, illustrations, or imagery from the reference.
- Never reuse the reference lifestyle image or QR content.

More components