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
PrimeReactDefault
#141413Hover
#141413Active
#141413radius: 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