Skip to content

Now in the official shadcn registry directory.

Start free
ai2v0.7
Design language comparison

Anthropic vs ToDesktop

Two references, one frame. Palette, typography and the curator verdict for Anthropic and ToDesktop, read side by side.

Palette & spacing overlap

Palette

Shared (1)

#000000

Anthropic only

#141413#b0aea5#faf9f5#87867f#eda100

ToDesktop only

#e5e7eb#ffffff#707070#141414#474747#999999#384642#f79942#c2c2c2#1f6af2#2d2d2d#05061b#e6fff7#05898b#22293f#fff4f4#22c55e#e0e0e0#e1ecff

Spacing scale (px)

Shared (6)

4px8px12px16px22px24px

Anthropic only

2px28px32px48px53px59px

ToDesktop only

1px6px10px14px18px20px

Typography

Display / body / mono + weight ladder

Side A · Light

Anthropic

Display
Anthropic Sans
Body
Anthropic Serif
Mono
Anthropic Mono

Weight ladder

400500600700

Side B · Light + Dark

ToDesktop

Display
Inter
Body
Geist Mono
Mono
Geist Mono

Weight ladder

400500700

Spacing scale

Base unit + container + first 8 steps

Side A · Light

Anthropic

Base unit
4 px
Container
1272 px
2px
4px
8px
12px
16px
22px
24px
28px

Side B · Light + Dark

ToDesktop

Base unit
4 px
Container
960 px
1px
4px
6px
8px
10px
12px
14px
16px

Motion vocabulary

Level + libraries + durations + easings

Side A · Light

Anthropic

Level
moderate
Libraries
GSAP

Durations

0.1s0.2s0.3s0.4s0.8s

Easings

easecubic-bezier(0.16, 1, 0.3...cubic-bezier(0.77, 0, 0.1...ease-in

Side B · Light + Dark

ToDesktop

Level
expressive
Libraries
-

Durations

50ms200ms300ms400ms450ms600ms

Easings

cubic-bezier(0.6, 0.6, 0, 1)cubic-bezier(0.76, 0, 0.2...