Skip to main content
Home/Explorer/Anthropic

Anthropic

AI safety company and maker of Claude

Minimal AI-first layout

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

Colors

#141413
#b0aea5
#faf9f5
#4f4f4b

Typography

Anthropic Serif, Georgia
hero:96px / 400
body:20px / 400
button:24px / 400

Shadows

sm

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