uber.com
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.
kage