Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Anthropic
AIAnthropic's brand exudes scholarly gravitas through a sophisticated warm beige palette that feels like aged parchment, paired with a distinctive serif-sans typography duality that balances academic authority with modern accessibility. The design creates an atmosphere of intellectual trust and thoughtful deliberation around AI safety.
Design Identity
Signature Color
Parchment Beige
#faf9f5
academic wisdom and thoughtful AI research - warm yet serious, approachable yet authoritative
Visual Identity
The dramatic typography contrast between massive serif headlines (96px) and clean sans-serif navigation creates an unmistakable academic-meets-tech aesthetic that no other AI company uses.
Component Style
Minimal components with subtle warmth - the 'Try Claude' button uses sharp corners with the signature dark charcoal background (#141413), while maintaining clean typography without heavy shadows or borders, feeling purposeful rather than flashy.
Spacing Philosophy
Generous vertical breathing room with massive headline treatments creates a sense of importance and contemplation, while the layout uses asymmetrical content blocks that feel more editorial than corporate.
Design Principles
- Headlines use massive serif typography (96px) for gravitas
- Navigation stays minimal sans-serif at 16px weight 400
- Body text uses readable 24px serif with 33.6px line height
- Color palette never strays from warm beiges and deep charcoals
- Buttons use sharp corners with no decorative elements
Target Audience
AI researchers, policy makers, and thoughtful technologists who value safety and ethics over speed and disruption
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 20px | 400 | 28px | |
| h1 | 60.9829px | 700 | 67.0811px | |
| h2 | 96px | 400 | 105.6px | |
| h3 | 16px | 600 | 22.4px | |
| h6 | 12px | 500 | 15px | |
| p | 24px | 400 | 33.6px | |
| a | 18px | 600 | 25.2px | |
| button | 16px | 400 | 16px | |
| input | 12px | 400 | normal | |
| nav | 20px | 400 | 28px |
Color Palette
#faf9f5#141413#5e5d59#f0eee6#b0aea5#e8e6dc#3d3d3a
