Anthropic

# Anthropic — Style Reference
> Research journal printed on warm stone — authoritative typographic composition where word-level underlines replace color as the primary emphasis mechanism, and the only warmth comes from the paper itself.
Theme: light

Anthropic's site runs on warm ivory parchment (#faf9f5) — not white, not gray, but the color of aged paper under good light. The palette is almost entirely achromatic, with the entire chromatic budget spent on a single earthy terracotta accent (#d97757) held in reserve in CSS tokens but largely absent from the visible UI. Two custom type families do all the personality work: Anthropic Sans drives navigation and UI at tight tracking, while Anthropic Serif delivers editorial weight in headlines and featured content — the serif-plus-grotesque pairing signals research institution, not startup. Headlines use a thick double-underline on key words (visible on 'research' and 'products') as the sole decorative device — it replaces color as the emphasis mechanism. The massive feature cards flip to near-black (#141413) background, creating hard-edged alternating surface bands with zero gradient or shadow softening.

## Colors
| Name | Value | Role |
|------|-------|------|
| Slate Dark | `#141413` | Primary text, borders, nav items, icon fills, card backgrounds — the near-black that appears on both light and dark surfaces, making it function as both foreground and background |
| Ivory Light | `#faf9f5` | Page background, button fills, light surface base — the warm off-white that gives the site its parchment character instead of clinical white |
| Clay | `#d97757` | Accent CTA elements, highlight states — warm terracotta held in reserve for moments of intentional warmth against the achromatic base |
| Accent Ember | `#c6613f` | Deeper accent state, hover/pressed clay interactions |
| Olive | `#788c5d` | Thematic tag or category label color variant |
| Sky | `#6a9bcc` | Thematic tag or category label color variant |
| Fig | `#c46686` | Thematic tag or category label color variant |
| Cactus | `#bcd1ca` | Thematic tag or category label color variant |
| Ivory Medium | `#f0eee6` | Nav backgrounds, secondary surface level, border highlights |
| Ivory Dark | `#e8e6dc` | Body text on dark backgrounds, dividers, subtle borders |
| Oat | `#e3dacc` | Tertiary surface backgrounds, warm mid-tone fills |
| Cloud Light | `#d1cfc5` | Dividers, hairline borders, inactive states |
| Cloud Medium | `#b0aea5` | Disabled/muted borders, secondary interactive borders, subdued UI chrome |
| Cloud Dark | `#87867f` | Secondary text, meta labels, timestamps |
| Slate Light | `#5e5d59` | Tertiary text, captions, footer secondary content |
| Slate Medium | `#3d3d3a` | Mid-dark borders, focus rings on light surfaces |

## Typography
| Family | Role |
|--------|------|
| Anthropic Sans | All UI chrome: navigation, buttons, labels, badges, footer, body copy. The custom grotesque with tight negative tracking at large sizes — at 61px with -0.02em it reads as architectural lettering, not typical web type. Used at weight 700 for the hero headline, weight 400 for body, weight 500–600 for interactive elements. |
| Anthropic Serif | Feature card headlines, editorial hero text, project titles. At 91px it dominates the dark feature cards — the serif at display scale against near-black reads as a printed broadsheet masthead. Weight 600 for emphasis within editorial contexts. |
| Anthropic Mono | Technical labels, metadata fields, category tags. Appears sparingly — its presence signals 'data' or 'classification' within otherwise typographic layouts. |