uber.com
Design analysis
A split callout combines a clear account benefit statement and actions with a large character-oriented visual, encouraging returning users to sign in.
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-1789146364-3.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 ## 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. Build a generous two-column account callout with text on the left and a large contained visual on the right. Use a white page background, a 40–48px heading, short explanatory copy, a black primary button, and a low-emphasis secondary text link. Keep the visual in a pale neutral panel around `#f5f5f5` with a 12px radius and crop it cleanly rather than letting it dominate the text. Use a max-width around 1200px, balanced columns, 64–96px vertical padding, and a 32–48px gap. On mobile, stack the content and image, with the actions remaining adjacent where space allows. Add visible hover, focus, and loading states to the account action. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage