Skip to content

Now in the official shadcn registry directory.

Start free
ai2v0.7
Design language comparison

Anthropic vs Ramp

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

Palette & spacing overlap

Palette

Shared (1)

#000000

Anthropic only

#141413#b0aea5#faf9f5#87867f#eda100

Ramp only

#0c0a08#6e6a68#212121#d2cdca#ffffff

Spacing scale (px)

Shared (7)

4px8px12px16px24px32px48px

Anthropic only

2px22px28px53px59px

Ramp only

1px6px20px64px

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

Ramp

Display
lausanne
Body
SF Pro

Weight ladder

400

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

Ramp

Base unit
4 px
Container
1440 px
1px
4px
6px
8px
12px
16px
20px
24px

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

Ramp

Level
moderate
Libraries
Framer Motion

Durations

0.15s0.24s0.25s0.3s

Easings

cubic-bezier(0.4, 0, 0.2, 1)cubic-bezier(0, 0, 0.2, 1)cubic-bezier(0.45, 0.05, ...cubic-bezier(0.6, 0, 0.2,...