iOS Design Spec — Uber
Map-first layout, Uber Move type, request-to-ride flow, haptic and motion specs for ride-hailing UIs.
Design System Inspiration of Uber (iOS)
1. Visual Theme & Atmosphere
2. Color Palette & Roles
Primary
Gray Ramp (Base Design System)
Functional Color (Semantic)
Dark Mode
Map Tint
# Design System Inspiration of Uber (iOS) ## 1. Visual Theme & Atmosphere Uber's iOS app is built around a single, enormous object: the map. Every primary screen — Home, Searching, On Trip, Arrival — is 60-80% map, with a bottom sheet sliding up to hold whatever UI chrome is required at that moment. The interface is essentially a transparent layer over geography; the city is the canvas. This is radically different from most consumer apps: there is no feed, no shelf, no hero image. The hero is always the road, and Uber's visual language exists to stay out of its way. The palette is almost aggressively monochrome. Pure black (`#000000`) and pure white (`#FFFFFF`) do the vast majority of the work — CTAs, text, backgrounds, map pins — and the result is a UI that feels more like signage than software. When color appears it is functional, never decorative: green (`#05A357`) means "your driver is here" or "confirmed", red (`#D72113`) means "surge" or "cancel", blue (`#0A47FF`) means "info"…
By @meliwat - License: MIT
Raw markdown