Anthropic

A calm, editorial, research-first interface built on a warm off-white paper canvas (#faf9f5) with near-black ink, a custom two-family type system (Anthropic Sans for structural headings, Anthropic Serif for oversized display + body), and a single warm clay accent (#d97757). The system reads like a thoughtful print publication translated to the web — generous serif display, square-cornered black buttons, soft warm-gray cards, and a deep near-black footer that closes the page. Brand voltage comes from the giant Anthropic Serif display headline and the disciplined warm-neutral palette rather than from color.

anthropic.com

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

display-sans 60.87px · 700 · 1.1

The quick brown fox jumps

display-serif 96px · 400 · 1.1

The quick brown fox jumps

title 24px · 600 · 1.3

The quick brown fox jumps

body 24px · 400 · 1.4

The quick brown fox jumps

button 20px · 400 · 1.4

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	8px
sm	12px
md	16px
lg	24px
xl	31px
xxl	46px
xxxl	76px
section	91px

Border Radius

Name	Value	Preview
none	0px
sm	4px
md	8px
lg	16px

FAQ

What colors does Anthropic use?: Anthropic's core palette includes #141413, #000000, #141413, #3d3d3a, #5e5d59. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Anthropic DESIGN.md.
What font does Anthropic use?: Anthropic's primary typeface is Anthropic Sans. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
What is the Anthropic design system?: A calm, editorial, research-first interface built on a warm off-white paper canvas (#faf9f5) with near-black ink, a custom two-family type system (Anthropic Sans for structural headings, Anthropic Se…

More like this

↓ .md ↓ All files

loading…