Name: Dembrandt
Author: Dembrandt

Anthropic

AI safety company and maker of Claude

Minimal AI-first layout

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

#141413

#b0aea5

#faf9f5

#4f4f4b

Typography

Anthropic Serif, Georgia

hero:96px / 400

body:20px / 400

button:24px / 400

Shadows

Spacing

2px4px5px8px12px16px

Border Radius

8px

12px

16px

24px

Button States

PrimeReact

Default

#141413

Hover

#141413

Active

#141413

radius: 8pxpadding: 8px 16px

output.json

{
  "url": "anthropic.com",
  "colors": [
    "#141413",
    "#b0aea5",
    "#faf9f5",
    "#4f4f4b"
  ],
  "typography": {
    "fontFamily": "Anthropic Serif, Georgia",
    "hero": "96px / 400",
    "body": "20px / 400",
    "button": "24px / 400"
  },
  "shadows": [
    "rgba(0, 0, 0, 0.01) 0px 2px 2px 0px, rgba(0, 0, 0, 0.02) 0px 4px 4px 0px, rgba(0, 0, 0, 0.04) 0px 16px 24px 0px"
  ],
  "spacing": [
    "2px",
    "4px",
    "5px",
    "8px",
    "12px",
    "16px"
  ],
  "borderRadius": [
    "8px",
    "12px",
    "16px",
    "24px"
  ],
  "buttons": {
    "default": {
      "bg": "#141413",
      "text": "#faf9f5"
    },
    "hover": {
      "bg": "#141413",
      "text": "#faf9f5"
    },
    "active": {
      "bg": "#141413",
      "text": "#faf9f5"
    },
    "radius": "8px",
    "padding": "8px 16px",
    "framework": "PrimeReact"
  }
}

$npx dembrandt anthropic.com