Design teardown
Anthropic
Warm ivory editorial page with bold sans headlines, serif paragraphs, oat cards, and a slow staggered title reveal.
anthropic.com
Design character
Warm editorial desk
A wide ivory page sets one large sans headline beside a short serif paragraph, then a full-width rounded photograph. Later sections use a short label, three tan cards, and a dark link index. Copy is short, calm, and plain: a title, one or two sentences, then a small meta row. Hierarchy is a big size jump, not color or weight tricks.
Typography
Headlines and interface labels use Anthropic Sans. Paragraphs use Anthropic Serif. Meta labels use Anthropic Mono in uppercase. Display type is trimmed, so headings sit tighter than their line-height. Tracking is nearly zero except a hair of tightening on button labels.
Color system
The live page is a narrow warm range: ivory stage, lighter ivory fills, oat cards, near-black ink, and a muted stone for secondary text and field borders. Photography carries the only saturated color.
Spacing and geometry
An 8px rhythm with a 1272px centered measure. Cards and the grid use 32px. The dark media band uses 64px outer space and 160px inner space. Nothing is shadowed.
Layout
One centered column on a wide viewport. The hero splits headline and paragraph, then a full-bleed rounded media band. Releases are three equal cards. The footer is a dark multi-column index.
Motion
The headline arrives word by word. Everything else is a short color fade. No shadows, springs, or bounce.
UI fingerprint
- Ivory and oat The stage is #f0eee6, cards are #e3dacc, and ink is #141413. Color stays in that warm band.
- Sans over serif Big titles and controls are Anthropic Sans. Sentences are Anthropic Serif at a 1.4 line height.
- Soft flat geometry Buttons are 8px, cards 16px, the hero band 24px. Surfaces are flat, with 1px rules and no shadow.
- Staggered title rise The headline reveals word by word over 800ms on a strong ease-out. Other motion stays at 200ms.