Design language comparison

Linear vs Plasticity

Both Linear and Plasticity commit to a dark-canvas approach, and they pair different display families (Inter Variable vs matter). Beyond surface, motion divides them — Linear is expressive, Plasticity is subtle.

Palette · side by side

Up to 8 dominant swatches each

Side A · dark

Linear

Full Page

#f7f8f8

background

#62666d

foreground

#d0d6e0

foreground

#8a8f98

foreground

#f79ce0

accent

#55cdff

accent

#ffc47c

accent

#00ff05

accent

Side B · dark

Plasticity

Full Page

#ffffff

background

#000000

foreground

#68ff21

brand

#3fd2fb

accent

#f365ff

accent

#ffb801

accent

#212121

foreground

Typography · side by side

Primary family + weight ladder + sample

Side A · dark

Linear

Full Page

Display: Inter Variable
Body: Berkeley Mono
Mono: Berkeley Mono
Weights: 400 · 510 · 590

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 · dark

Plasticity

Full Page

Display: fkGrotesk
Body: matter
Mono: auxMono
Weights: 400

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 · dark

Linear

Full Page

Base unit: 4 px
Container max: 1436 px

2px

4px

6px

8px

10px

12px

14px

16px

Side B · dark

Plasticity

Full Page

Base unit: 4 px
Container max: 896 px

2px

4px

6px

8px

10px

12px

16px

20px

Motion vocabulary · side by side

Level + durations + easings

Side A · dark

Linear

Full Page

Level: expressive
Libraries: —

Durations

0.16s0.4s1.6s2.8s3.2s

Easings

cubic-bezier(0.25, 0.46, …cubic-bezier(0.66, 0, 0, 1)ease-outease

Side B · dark

Plasticity

Full Page

Level: subtle
Libraries: —

Durations

150ms220ms

Easings

cubic-bezier(0.4, 0, 0.2, 1)

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 67% (2, 4, 6, 8, 10 px shared) — a rhythm any agent can transfer between the two systems with minimal recalibration.

Shared swatches (1)

#000000

Curator verdict

Pick a side. Mixing Linear's dark-first canvas with Plasticity's subtle motion vocabulary produces visual whiplash. Adopt one system as your primary, study the other for individual technique transfers (e.g. Linear's spacing, Plasticity's shadow).

Full Linear brief →Full Plasticity brief →Back to gallery