taste-skill / Compare styles / Anthropic vs ElevenLabs

Anthropic vs ElevenLabs: design style comparison

Anthropic is Humanist Warm Parchment & Literary AI Safety Editorial; ElevenLabs is Swiss Audio Minimalist & Light-Weight Waldenburg Precision. Both were extracted with the same taste-skill pipeline, so every value below is directly comparable. 16 of 18 tracked tokens differ.

Side-by-side preview

Anthropic style · light

Ship the product, not the pixels.

Preview text rendered with the extracted Anthropic canvas, text, muted and accent tokens.

Research Learn more

Card on surface + border tokens

Accent link: #D97757 · border #DEDCD1

ElevenLabs style · light

Ship the product, not the pixels.

Preview text rendered with the extracted ElevenLabs canvas, text, muted and accent tokens.

Contact sales Play

Card on extracted card recipe

Accent link: #000000 · border rgba(0, 0, 0, 0.07)

Key differences

Both are light-mode designs, but the canvases differ: #FAF9F5 vs #FDFCFC.
Accent: #D97757 (Anthropic) vs #000000 (ElevenLabs).
Headings: anthropicSerif vs Waldenburg (w300).
Display type: Anthropic H1 is 40.8px / -0.01em (w400); ElevenLabs H1 is 48px / -0.02em (w300) — ElevenLabs sets 7.200000000000003px larger headlines.
Depth: Anthropic shows no box-shadows; ElevenLabs uses rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.125) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.04) 0px 1px 1px 0px, rgba(0, 0, 0, 0.04) 0px 2px 4px 0px most.
Motion: ease-out vs cubic-bezier(0.4, 0, 0.2, 1).

Token table

Token	Anthropic	ElevenLabs
Canvas	`#FAF9F5`	`#FDFCFC`
Surface	`#F5F4ED`	`#F5F3F1`
Text	`#141413`	`#000000`
Muted text	`#5E5D59`	`#666462`
Accent	`#D97757`	`#000000`
Border	`#DEDCD1`	`rgba(0, 0, 0, 0.07)`
Heading font	`anthropicSerif`	`Waldenburg (w300)`
Body font	`anthropicSans`	`Waldenburg / Inter`
Mono font	`JetBrains Mono`	`Geist Mono`
H1	`40.8px / -0.01em (w400)`	`48px / -0.02em (w300)`
Button radius same	`9999px`	`9999px`
Button height	`28px`	`44px`
Most-used radius	`10px`	`16px`
Most-used shadow	`none`	`rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.125) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.04) 0px 1px 1px 0px, rgba(0, 0, 0, 0.04) 0px 2px 4px 0px`
Easing	`ease-out`	`cubic-bezier(0.4, 0, 0.2, 1)`
Duration	`0.2s`	`0.15s`
Container max-width	`—`	`896px`
Mode same	`light`	`light`

Primary buttons

Rendered	Height	Padding	Radius	Background / Text	Border	Font
Research	28px	`8px 12px`	`9999px`	`#F5F4ED` `#3D3D3A`	`1px solid #E8E6DC`	`13px / 400`
Learn more	36px	`12px 24px`	`10px`	`#141413` `#FAF9F5`	`1px solid #141413`	`16.6863px / 400`

Rendered	Height	Padding	Radius	Background / Text	Border	Font
Contact sales	44px	`0px 20px`	`9999px`	`#FFFFFF` `#000000`	`none`	`16px / 400`
Play	36px	`0px 14px`	`9999px`	`#000000` `#FFFFFF`	`none`	`15px / 400`
Discover	32px	`0px 12px`	`9999px`	`#FFFFFF` `#000000`	`none`	`13px / 400`

Which style should you pick?

Pick Anthropic if you want Warm parchment #FAF9F5 canvas with #F5F4ED cards and #DEDCD1 stone borders, #141413 charcoal ink, bespoke anthropicSerif literary headings, and #D97757 terracotta clay accents — signals: warm, parchment, serif, editorial, llm, claude, anthropic, humanist.

Pick ElevenLabs if you want Warm alabaster #FDFCFC canvas with #F5F3F1 audio player cards, rgba(0,0,0,0.06) subtle borders, light-weight 300 Waldenburg 48px display typography (-0.02em), and Geist Mono waveform metrics — signals: voice, audio, swiss, elevenlabs, waldenburg, geist-mono, clean.

Shared traits: light, ai, minimalist.

Rules that differ

Anthropic never:

NEVER substitute generic uncalibrated gray backgrounds for Anthropic’s exact #FAF9F5 canvas and #F5F4ED surface pairing.
NEVER replace anthropicSerif display typography or ignore its signature scale (40.8px / -0.01em (w400)).
NEVER use thick opaque borders that clash with #DEDCD1 (1px solid #DEDCD1).

ElevenLabs never:

NEVER substitute generic uncalibrated gray backgrounds for ElevenLabs’s exact #FDFCFC canvas and #F5F3F1 surface pairing.
NEVER replace Waldenburg (w300) display typography or ignore its signature scale (48px / -0.02em (w300)).
NEVER use thick opaque borders that clash with rgba(0, 0, 0, 0.07) (1px rgba(0,0,0,0.07)).

Go deeper

Anthropic style guide ElevenLabs style guide Anthropic token spec ElevenLabs token spec Cursor vs Anthropic

Values extracted from https://www.anthropic.com and https://elevenlabs.io. Not affiliated with either company.

Get all 30 full SKILL.md specs (Cursor / Claude Code / Codex ready) plus the Pro growth skills.

See taste-skill Pro →