Skip to content

Chartory is coming. 100 chart types for Figma and React.

Join the waitlist
ai2v0.7
Design language comparison

Anthropic vs PostHog

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

Palette & spacing overlap

Palette

Shared (1)

#000000

Anthropic only

#141413#b0aea5#faf9f5#87867f#eda100

PostHog only

#4d4f46#374151#9ea096#111827#65675e#f7a501#bfc1b7#2f80fa#1a1a1a#30abc6#ffffff#b62ad9#e1d7c2#b17816#36c46f#6aa84f#bab1ff#fdfdf8#fffefe

Spacing scale (px)

Shared (6)

2px4px8px12px24px32px

Anthropic only

16px22px28px48px53px59px

PostHog only

6px10px14px17px20px34px

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

PostHog

Display
Open Runde
Body
IBM Plex Sans Variable
Mono
ui-monospace

Weight ladder

400500600700800

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

PostHog

Base unit
4 px
Container
320 px
2px
4px
6px
8px
10px
12px
14px
17px

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

PostHog

Level
expressive
Libraries
-

Durations

0.15s0.3s3s4s4.9s5.8s

Easings

cubic-bezier(0.4, 0, 0.2, 1)cubic-bezier(0.16, 1, 0.3...ease-in-outlinear