taste-skill / Compare styles / Cursor vs Anthropic

Cursor vs Anthropic: design style comparison

Cursor is Warm Archival Paper & Frontier AI Research Craft; Anthropic is Humanist Warm Parchment & Literary AI Safety Editorial. 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

Cursor style · light

Ship the product, not the pixels.

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

Contact sales Request a demo →

Card on extracted card recipe

Accent link: #26251E · border rgba(39, 39, 29, 0.1)

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

Key differences

Both are light-mode designs, but the canvases differ: #F7F7F4 vs #FAF9F5.
Accent: #26251E (Cursor) vs #D97757 (Anthropic).
Headings: CursorGothic vs anthropicSerif.
Display type: Cursor H1 is 36px / -0.02em (w400); Anthropic H1 is 40.8px / -0.01em (w400) — Anthropic sets 4.799999999999997px larger headlines.
Depth: Cursor uses rgba(0, 0, 0, 0.14) 0px 28px 70px 0px, rgba(0, 0, 0, 0.1) 0px 14px 32px 0px, oklab(0.263084 -0.00230259 0.0124794 / 0.1) 0px 0px 0px 1px most; Anthropic shows no box-shadows.
Motion: cubic-bezier(0.4, 0, 0.2, 1) vs ease-out.

Token table

Token	Cursor	Anthropic
Canvas	`#F7F7F4`	`#FAF9F5`
Surface	`#F2F1ED`	`#F5F4ED`
Text	`#26251E`	`#141413`
Muted text	`rgba(38, 36, 29, 0.55)`	`#5E5D59`
Accent	`#26251E`	`#D97757`
Border	`rgba(39, 39, 29, 0.1)`	`#DEDCD1`
Heading font	`CursorGothic`	`anthropicSerif`
Body font	`CursorGothic / EB Garamond`	`anthropicSans`
Mono font	`berkeleyMono`	`JetBrains Mono`
H1	`36px / -0.02em (w400)`	`40.8px / -0.01em (w400)`
Button radius same	`9999px`	`9999px`
Button height	`27px`	`28px`
Most-used radius	`4px`	`10px`
Most-used shadow	`rgba(0, 0, 0, 0.14) 0px 28px 70px 0px, rgba(0, 0, 0, 0.1) 0px 14px 32px 0px, oklab(0.263084 -0.00230259 0.0124794 / 0.1) 0px 0px 0px 1px`	`none`
Easing	`cubic-bezier(0.4, 0, 0.2, 1)`	`ease-out`
Duration	`0.15s`	`0.2s`
Container max-width	`1300px`	`—`
Mode same	`light`	`light`

Primary buttons

Rendered	Height	Padding	Radius	Background / Text	Border	Font
Contact sales	27px	`5.6px 10.5px`	`9999px`	`transparent` `#26251E`	`1px solid rgba(40, 35, 30, 0.2)`	`14px / 400`
Request a demo →	43px	`12.48px 21.6px`	`9999px`	`#E6E5E0` `#26251E`	`1px solid rgba(42, 42, 42, 0.02)`	`16px / 400`
Button	51px	`10px 12px`	`0px`	`#EBEAE5` `#26251E`	`none`	`12px / 400`

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`

Which style should you pick?

Pick Cursor if you want Warm archival paper canvas (#F7F7F4 / #F2F1ED) with deep charcoal-olive ink (#26251E), bespoke CursorGothic + EB Garamond editorial quotes + BerkeleyMono diff blocks and timeline tokens — signals: paper, coding-agent, cursor, berkeley-mono, research, ide.

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: parchment, llm, claude, anthropic, humanist.

Shared traits: light, warm, editorial, ai, serif, minimalist.

Rules that differ

Cursor never:

NEVER substitute generic uncalibrated gray backgrounds for Cursor’s exact #F7F7F4 canvas and #F2F1ED surface pairing.
NEVER replace CursorGothic display typography or ignore its signature scale (36px / -0.02em (w400)).
NEVER use thick opaque borders that clash with rgba(39, 39, 29, 0.1) (1px rgba(39,39,29,0.1)).

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).

Go deeper

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

Values extracted from https://www.cursor.com and https://www.anthropic.com. 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 →