Anthropic website homepage, captured 2026-10-12Anthropic website, further down the page

Anthropic

Anthropic sets large Anthropic Sans headlines in a heavy weight on a light bone white canvas. Void (#141413) is reserved for actions, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 8px, with 24px and 16px on smaller elements.

anthropic.com ↗

Colors

Void

#141413

Primary actions and links

Silver Mist

#b0aea5

Secondary accent and highlights

Bone White

#faf9f5

Page canvas

Soft Void

#141413

Headlines and body copy

Pale Citrine

#f0eee6

Surface or divider

Deep Pale Citrine

#e3dacc

Surface or divider

Type scale

DisplayAI research and products that put safety at the frontierAI research and products that put Anthropic Sans · 61px · 700
Heading:Claude: Haiku 5.5Anthropic Serif · 68px · 500
SubheadingIntroducing Haiku 5.5Anthropic Sans · 24px · 600
BodyAI will have a vast impact on the world. Anthropic is a public benefit corporation dedicatAnthropic Serif · 24px · 400
NavPolicyAnthropic Serif · 20px · 400

Style reference measured from the public page at anthropic.com on 2026-10-12 for design education. Anthropic and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.

# Anthropic — Style Reference
> Anthropic sets large Anthropic Sans headlines in a heavy weight on a light bone white canvas. Void (#141413) is reserved for actions, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 8px, with 24px and 16px on smaller elements.

**Theme:** light · **Source:** https://www.anthropic.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted.

## Tokens — Colors

| Name | Value | Token | Role |
|------|-------|-------|------|
| Void | `#141413` | `--color-accent` | Primary actions and links |
| Silver Mist | `#b0aea5` | `--color-secondary` | Secondary accent and highlights |
| Bone White | `#faf9f5` | `--color-canvas` | Page canvas |
| Soft Void | `#141413` | `--color-ink` | Headlines and body copy |
| Pale Citrine | `#f0eee6` | `--color-surface-1` | Surface or divider |
| Deep Pale Citrine | `#e3dacc` | `--color-surface-2` | Surface or divider |

## Typography

| Role | Family | Size | Weight | Line height | Tracking |
|------|--------|------|--------|-------------|----------|
| Display | Anthropic Sans | 61px | 700 | 1.10 | 0 |
| Heading | Anthropic Serif | 68px | 500 | 1.10 | 0 |
| Subheading | Anthropic Sans | 24px | 600 | 1.30 | 0 |
| Body | Anthropic Serif | 24px | 400 | 1.40 | 0 |
| Nav | Anthropic Serif | 20px | 400 | 1.40 | 0 |

Font families on the page: Anthropic Serif, Anthropic Sans, Anthropic Mono. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence.

## Shape

- Corner radius, most to least used: 8px, 24px, 16px

More styles from the web