Uber

Difficulty:
Industry
uber

Effect Preview

Style Description

Ride-hailing platform. Bold black-white contrast, compact typography

Tags

UberConsumer

Prompt Template

Base Template
Design a Uber-inspired interface. - Pure black-and-white foundation with virtually no mid-tone grays in the UI chrome; - UberMove (headlines) + UberMoveText (body/UI) -- proprietary geometric sans-serif family; - Pill-shaped everything: buttons, chips, nav items all use 999px border-radius; - Warm, human illustrations contrasting the stark monochrome interface; - Card-based layout with whisper-soft shadows (0.12-0.16 opacity). Colors: #000000, #ffffff, #e2e2e2, #f3f3f3 with #0000ee accent. Typography: - Background: Uber Black (.

Variant Prompts

📱 Mobile
Design a mobile app with Uber aesthetics. Use Uber color identity with #0000ee accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Uber style. Use Uber color identity with #0000ee accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Uber design language. Use Uber color identity with #0000ee accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Uber visual identity. Use Uber color identity with #0000ee accents. Compelling, conversion-focused.

Usage Examples

Uber App

Web App
Build a web app with Uber design language and #0000ee color system.

Uber Dashboard

Dashboard
Create a dashboard using Uber style with data visualization and - Background: Uber Black ( typography.

✅ Best For

  • Consumer
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines