Name: Dembrandt
Author: Dembrandt

Uber

Ride-hailing and delivery platform

Real-time map UI

Stripe Linear Notion OpenAI Tesla Airbnb Figma Slack Uber Apple Raycast Krea AI Family Oura Nike Duolingo Arc Perplexity AI Anthropic Vercel Cursor

Observed with Dembrandt. Showing a simplified version — the full output includes button states, gradients, animations, and more. Try the CLI for complete results.

Design tokens observed from publicly visible CSS. Dembrandt does not host, copy, or redistribute any brand assets.

Colors

#000000

#276ef1

#545454

#05944f

#f6f6f6

#ffffff

Typography

Uber Move, system-ui, sans-serif

hero:52px / 700

body:18px / 400

button:14px / 500

Shadows

Spacing

4px8px16px24px32px64px

Border Radius

8px

12px

50%

Button States

React + Next.js

Default

#000000

Hover

#1a1a1a

Active

#333333

radius: 8pxpadding: 14px 24px

output.json

{
  "url": "uber.com",
  "colors": [
    "#000000",
    "#276ef1",
    "#545454",
    "#05944f",
    "#f6f6f6",
    "#ffffff"
  ],
  "typography": {
    "fontFamily": "Uber Move, system-ui, sans-serif",
    "hero": "52px / 700",
    "body": "18px / 400",
    "button": "14px / 500"
  },
  "shadows": [
    "0 2px 4px rgba(0,0,0,0.08)",
    "0 6px 16px rgba(0,0,0,0.12)",
    "0 20px 40px rgba(0,0,0,0.2)"
  ],
  "spacing": [
    "4px",
    "8px",
    "16px",
    "24px",
    "32px",
    "64px"
  ],
  "borderRadius": [
    "8px",
    "12px",
    "50%"
  ],
  "buttons": {
    "default": {
      "bg": "#000000",
      "text": "#ffffff"
    },
    "hover": {
      "bg": "#1a1a1a",
      "text": "#ffffff"
    },
    "active": {
      "bg": "#333333",
      "text": "#ffffff"
    },
    "radius": "8px",
    "padding": "14px 24px",
    "framework": "React + Next.js"
  }
}

$npx dembrandt uber.com