Skip to main content

Design language comparison

Anthropic vs Lightdash

Both Anthropic and Lightdash commit to a light-canvas approach, and they pair different display families (Anthropic Sans vs sans-serif). Beyond surface, motion levels are both moderate.

Palette · side by side

Up to 8 dominant swatches each

Side A · light

Anthropic

Full Page

#141413

foreground

#b0aea5

neutral

#faf9f5

background

#000000

foreground

#87867f

foreground

#eda100

accent

Side B · light

Lightdash

Full Page

#000000

foreground

#eceff3

background

#272835

foreground

#625df5

accent

#0000ee

accent

#666d80

foreground

#ffffff

background

#36394a

foreground

Typography · side by side

Primary family + weight ladder + sample

Side A · light

Anthropic

Full Page

Display
Anthropic Sans
Body
Anthropic Serif
Mono
Anthropic Mono
Weights
400 · 500 · 600 · 700

Sample

The quick brown fox jumps over the lazy dog.

1234567890 — Body sample renders in the captured family if your browser has it; otherwise system fallback signals the weight ladder.

Side B · light

Lightdash

Full Page

Display
Inter
Body
sans-serif
Mono
IBM Plex Mono
Weights
400 · 500

Sample

The quick brown fox jumps over the lazy dog.

1234567890 — Body sample renders in the captured family if your browser has it; otherwise system fallback signals the weight ladder.

Spacing scale · side by side

Base unit + first 8 scale values

Side A · light

Anthropic

Full Page

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

Side B · light

Lightdash

Full Page

Base unit
4 px
Container max
1280 px
2px
5px
8px
10px
12px
14px
16px
18px

Motion vocabulary · side by side

Level + durations + easings

Side A · light

Anthropic

Full Page

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

Lightdash

Full Page

Level
moderate
Libraries
Framer Motion

Durations

0.2s0.5s0.8s

Easings

easecubic-bezier(0.44, 0, 0.5…

Palette & spacing overlap

Their palettes share 5% of swatches at the dominant tier — a quiet signal both teams drew from the same neutral library before applying brand accents. Their spacing scales overlap by 58% (2, 8, 12, 16, 22 px shared) — a rhythm any agent can transfer between the two systems with minimal recalibration.

Shared swatches (1)

#000000

Curator verdict

If you are building an interface that needs to reference both, Anthropic's restraint reads as the safer default and Lightdash's rhythm provides the accent moments — pair them at section-level, not at component-level.

Full Anthropic brief →Full Lightdash brief →Back to gallery

AI2 Design counts anonymous traffic always — no cookies, no identifiers, no fingerprinting. For optional session insights (PostHog, EU region) — page funnel, performance — turn on opt-in analytics below. Cookie policy.