uber.com
Design analysis
A section heading introduces six evenly sized service cards, each with a short description, lightweight illustration, and detail 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/uber-com/6fbdb16b-1d65-42c3-b533-0bc1468316af-1789146364-2.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-feature-grid ## 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 section with a prominent left-aligned heading and a responsive 3-column grid of six service cards. Each card should have a soft neutral background around `#f5f5f5`, 16–20px internal padding, a concise title, two lines of supporting text, a small text link, and a visual anchored toward the lower-right or right edge. Keep cards equal height with 12px corner radii and a 16px grid gap. Use a 30–36px section heading, 14–16px descriptions, and strong contrast for titles. On tablet and mobile, reduce to two and one columns respectively while preserving the card order. Add subtle hover elevation or background change and ensure the detail link has a clear focus state. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage