Name: Dembrandt
Author: Dembrandt

Tesla

Electric vehicle and clean energy company

Full-bleed hero videos

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

#171a20

#393c41

#5c5e62

#3e6ae1

#ffffff

Typography

Gotham, Helvetica, sans-serif

hero:56px / 500

body:14px / 400

button:14px / 500

Shadows

Spacing

8px12px16px24px32px64px

Border Radius

4px

8px

Button States

React

Default

#3e6ae1

Hover

#5580f0

Active

#2d58cc

radius: 4pxpadding: 10px 24px

output.json

{
  "url": "tesla.com",
  "colors": [
    "#000000",
    "#171a20",
    "#393c41",
    "#5c5e62",
    "#3e6ae1",
    "#ffffff"
  ],
  "typography": {
    "fontFamily": "Gotham, Helvetica, sans-serif",
    "hero": "56px / 500",
    "body": "14px / 400",
    "button": "14px / 500"
  },
  "shadows": [
    "0 2px 8px rgba(0,0,0,0.12)",
    "0 8px 24px rgba(0,0,0,0.2)",
    "0 20px 40px rgba(0,0,0,0.3)"
  ],
  "spacing": [
    "8px",
    "12px",
    "16px",
    "24px",
    "32px",
    "64px"
  ],
  "borderRadius": [
    "0",
    "4px",
    "8px"
  ],
  "buttons": {
    "default": {
      "bg": "#3e6ae1",
      "text": "#ffffff"
    },
    "hover": {
      "bg": "#5580f0",
      "text": "#ffffff"
    },
    "active": {
      "bg": "#2d58cc",
      "text": "#ffffff"
    },
    "radius": "4px",
    "padding": "10px 24px",
    "framework": "React"
  }
}

$npx dembrandt tesla.com