<!-- SPDX-License-Identifier: MIT -->
<!-- SPDX-FileCopyrightText: 2025-2026 Marcus Quinn -->

# Uber Design: Do's and Don'ts

## Do

- Use true black (`#000000`) and pure white (`#ffffff`) as the primary palette — the stark contrast IS Uber
- Use 999px border-radius for all buttons, chips, and pill-shaped navigation elements
- Keep all headings in UberMove Bold (700) for billboard-level impact
- Use whisper-soft shadows (0.12-0.16 opacity) for card elevation — barely visible
- Maintain the compact, information-dense layout style — Uber prioritizes efficiency over airiness
- Use warm, human-centric illustrations to soften the monochrome interface
- Apply 8px radius for content cards and 12px for featured containers
- Use UberMoveText at weight 500 for navigation and prominent UI text
- Pair black primary buttons with white secondary buttons for dual-action layouts

## Don't

- Don't introduce color into the UI chrome — Uber's interface is strictly black, white, and gray
- Don't use rounded corners less than 999px on buttons — the full-pill shape is a core identity element
- Don't apply heavy shadows or drop shadows with high opacity — depth is whisper-subtle
- Don't use serif fonts anywhere — Uber's typography is exclusively geometric sans-serif
- Don't create airy, spacious layouts with excessive whitespace — Uber's density is intentional
- Don't use gradients or color overlays — every surface is a flat, solid color
- Don't mix UberMove into body text or UberMoveText into headlines — the hierarchy is strict
- Don't use decorative borders — borders are functional (inputs, dividers) or absent entirely
- Don't soften the black/white contrast with off-whites or near-blacks — the duality is deliberate
