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

Design analysis

A large editorial headline is paired with a compact benefit strip, a strong action, and a wide rounded product image that makes the offering tangible immediately.

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/public-com/cb41c975-325f-4844-b439-84e9d28bd7b7-1789146534-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/public-com/cb41c975-325f-4844-b439-84e9d28bd7b7-1789146490836-full.webp
- Component on Kage: https://kage.design/component/public-hero

## Before you start
Ask what the user's product and brand are, then apply these principles to that context rather than reproducing the reference.

Create a spacious hero for a trustworthy investing or fintech product. Put a large left-aligned serif headline in the upper half, with two or three short proof points in a small horizontal row near the bottom of the copy area and a single dark pill CTA aligned to the right. Below or beside the copy, place one wide rounded product screenshot or product visual, cropped edge-to-edge within the content container. Use a white background, near-black type (#111111), muted gray supporting text (#666666), one restrained accent color, 16px corner radius on the visual, and a serif display face around 48–64px with tight line-height. Keep the action unmistakable and maintain substantial whitespace around the headline.

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

More components