Typography
scale ratio 1.414- Anthropic Sanscss: anthropicSansbody400 600 70068%
- Anthropic Serifcss: anthropicSerifdisplay40032%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Anthropic Sans | 40.78px | 600 | 1.25 | -0.01em |
| title | Anthropic Sans | 21.37px | 700 | 1.25 | 0em |
| body | Anthropic Sans | 14.69px | 400 | 1.5 | 0em |
| body-sm | Anthropic Sans | 13px | 400 | 1.54 | 0.01em |
Type scale
Aa11Aa13Aa14.5Aa16.5Aa21.5Aa41
- Body size
- 14.5px / 1.5
- Display size
- 40.78px
- Display tracking
- -0.01em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 17.50:1
- Muted on bg
- 12.55:1
- Dark mode
- none
Declared accent tokens
- --color-clay-primary#D97757not on page
Space, shape & depth
Spacing scale (base 8px)
- 2
- 4
- 8
- 12
- 16
- 24
- 32
- 48
- 80
Corner radii
481016pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 97px
Components
exact computed valuesbutton-secondary
Research
- textColor
- #3D3D3A
- rounded
- 9999px
- padding
- 8px 12px
- height
- 28px
- fontFamily
- Anthropic Sans
- fontSize
- 13px
- fontWeight
- 400
- border
- 1px solid #E8E6DC
card
- rounded
- 4px
- padding
- 0px
- backgroundColor
- #F5F4ED
input
- rounded
- 8px
- height
- 30px
- padding
- 0px 16px
- backgroundColor
- #F5F4ED
- border
- 1px solid #E8E6DC
Layout & motion
- Container
- 1280px
- Grid columns
- 3
- Hero
- left-aligned+media-below
- Navigation
- top-sticky
- Page height
- 3,243px
- Easing
- ease-out
- Durations
- 100ms 150ms 200ms 250ms
- Transitions
- 85
- Keyframes
- 0
- Stack
- next.js, sanity, cloudflare
Page sections (4)
01nav
02heroAI will have a vast impact on the world. Anthropic is a public benefit corporati AI research and products that put safet
03ctaLearn more
04footerLog in
How Anthropic compares
- Body text
- 14.5px: smaller than 81% of indexed sites (median 16px).
- Largest heading
- 40.8px: smaller than 79% of indexed sites (median 60px).
- Type scale
- 1.41×: steeper than 81% of indexed sites (median 1.28×).
- Container
- 1280px: wider than 55% of indexed sites (median 1242px).
- Text contrast
- 17.5:1: lower than 50% of indexed sites (median 17.6:1).
- Page length
- 3,243px: shorter than 86% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Anthropic Sans
- The only site in the index that loads Anthropic Sans.
- Anthropic Serif
- The only site in the index that loads Anthropic Serif.
- Color scheme
- Light by default, like 75% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Anthropic use?
Anthropic uses Anthropic Sans (loaded as "anthropicSans") for body text. Anthropic Serif (loaded as "anthropicSerif") is used for headings.
What are Anthropic's brand colors?
Anthropic's website uses a light scheme: background #FAF9F5, surface #E8E6DC, text #141413, muted text #30302E and borders #3D3D3A.
How is Anthropic's website laid out?
The most common corner radius is fully rounded (pill), body text is 14.5px with 1.5 line height, and the page container is 1280px wide.
