Kage Design logo kage
uber.com
uber.com call to action component

Design analysis

A second asymmetric callout targets business users with a clear value proposition, primary conversion action, secondary exploration link, and a large right-side visual.

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/uber-com/6fbdb16b-1d65-42c3-b533-0bc1468316af-1789146365-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/uber-com/6fbdb16b-1d65-42c3-b533-0bc1468316af-1789146324299-full.webp
- Component on Kage: https://kage.design/component/uber-cta-3

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

Create a business-focused split callout with text on the left and an editorial visual on the right. Use a large two-line heading, one concise value proposition paragraph, a high-contrast primary button, and a secondary text link. Align the copy vertically around the center of the visual, use a 40–48px heading and 16px body text, and provide 80–120px of breathing room around the row. Keep the image in a 12–16px rounded rectangle with `object-fit: cover`; use a restrained white/black palette and let the product-specific accent appear only in links or focus states. Stack on mobile and retain action hierarchy. Include hover, focus, and reduced-motion-friendly transitions.

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

More components