Name: Dembrandt
Author: Dembrandt

OpenAI

AI research and deployment company

Minimalist animations

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

#10a37f

#6e6e80

#f7f7f8

#202123

#ffffff

Typography

Söhne, -apple-system, sans-serif

hero:72px / 600

body:18px / 400

button:16px / 500

Shadows

Spacing

4px8px16px24px32px48px

Border Radius

6px

12px

24px

Button States

React + Next.js

Default

#10a37f

Hover

#1db992

Active

#0d8a6c

radius: 6pxpadding: 10px 18px

output.json

{
  "url": "openai.com",
  "colors": [
    "#000000",
    "#10a37f",
    "#6e6e80",
    "#f7f7f8",
    "#202123",
    "#ffffff"
  ],
  "typography": {
    "fontFamily": "Söhne, -apple-system, sans-serif",
    "hero": "72px / 600",
    "body": "18px / 400",
    "button": "16px / 500"
  },
  "shadows": [
    "0 2px 4px rgba(0,0,0,0.06)",
    "0 8px 16px rgba(0,0,0,0.1)",
    "0 24px 48px rgba(0,0,0,0.15)"
  ],
  "spacing": [
    "4px",
    "8px",
    "16px",
    "24px",
    "32px",
    "48px"
  ],
  "borderRadius": [
    "6px",
    "12px",
    "24px"
  ],
  "buttons": {
    "default": {
      "bg": "#10a37f",
      "text": "#ffffff"
    },
    "hover": {
      "bg": "#1db992",
      "text": "#ffffff"
    },
    "active": {
      "bg": "#0d8a6c",
      "text": "#ffffff"
    },
    "radius": "6px",
    "padding": "10px 18px",
    "framework": "React + Next.js"
  }
}

$npx dembrandt openai.com