stripe.comlinear.app

26shared+103in linear.app−121in stripe.com

Audit

10% token overlap

stripe.com and linear.app have 10% token overlap across colors, typography, spacing, radius, and shadows after normalization (lab/oklab to hex, var() resolution, !important stripping, rem/em to px conversion at 16 px base). They share 26 token values; 121 are unique to stripe.com and 103 are unique to linear.app. Their visual languages converge most on spacing (41% aligned) and diverge most on typography. Source: UI Archive token diff, computed from public CSS at stripe.com and linear.app.

· stripe.com and linear.app share 26 normalized token values (10% overlap).
· Closest category: spacing (17 shared, 41% aligned).
· Greatest divergence: typography (23 unique to stripe.com, 24 unique to linear.app).

Machine-readable

Colors

−62·2 shared·+49

stripe.com

#000000

#ffffff

linear.app

#000000

#ffffff

Only in stripe.com

#f5f5ffonly A

#acacff1fonly A

Try another comparison

Pick two websites and see how their design tokens stack up.

New comparison

Only in linear.app

rgba(0,0,0,0.2)only B

rgba(255,255,255,0)only B

rgba(255,255,255,0.1)only B

rgba(255,255,255,0.2)only B

rgba(255,255,255,0.4)only B

#4ea7fconly B

#eb5757only B

#27a644only B

#fc7840only B

#f0bf00only B

#5e6ad2only B

#00b8cconly B

#68cc58only B

#d4b144only B

#7a7fadonly B

#f7f8f8only B

#62666donly B

#d0d6e0only B

#8a8f98only B

rgba(255, 255, 255, 0.05)only B

rgba(255, 255, 255, 0.08)only B

rgba(255, 255, 255, 0.02)only B

#e2e4e7only B

#383b3fonly B

#23252aonly B

#e2e4e6only B

rgba(255, 255, 255, 0.03)only B

#e5e5e6only B

#6366f1only B

#6d78d5only B

#08090aonly B

#24282conly B

#323334only B

#0f1011only B

rgba(255, 255, 255, 0.12)only B

#8b5cf6only B

rgba(255, 255, 255, 0.01)only B

rgba(94, 106, 210, 0.15)only B

#090a0bonly B

#101112only B

#121414only B

rgba(255, 255, 255, 0.04)only B

#121314only B

#161718only B

#10b981only B

#06b6d4only B

#232534only B

#0f3338only B

#422222only B

Typography

−23·0 shared·+24

stripe.com

sohne-var

16px · 400

only A

sohne-var

10px · 300

only A

sohne-var

11px · 300

only A

sohne-var

10px · 400

only A

sohne-var

9px · 300

only A

sohne-var

14px · 400

only A

sohne-var

14px · 300

only A

sohne-var

11px · 400

only A

sohne-var

26px · 300

only A

sohne-var

12px · 400

only A

sohne-var

26px · 400

only A

sohne-var

8px · 400

only A

sohne-var

48px · 300

only A

sohne-var

9px · 400

only A

sohne-var

16px · 300

only A

sohne-var

8px · 300

only A

sohne-var

13px · 400

only A

sohne-var

32px · 300

only A

sohne-var

22px · 300

only A

sohne-var

15px · 400

only A

sohne-var

12px · 300

only A

sohne-var

56px · 300

only A

sohne-var

18px · 300

only A

linear.app

Inter Variable

16px · 400

only B

Inter Variable

13.3333px · 400

only B

Inter Variable

12px · 400

only B

Inter Variable

13px · 510

only B

Inter Variable

12px · 510

only B

Spacing

−15·17 shared·+9

stripe.com

2px

3px

4px

5px

6px

7px

8px

9px

10px

11px

12px

13px

14px

15px

16px

20px

24px

0emonly A

3.2pxonly A

6.5pxonly A

10.5pxonly A

11.5pxonly A

12.5pxonly A

13.5pxonly A

18pxonly A

40pxonly A

64pxonly A

80pxonly A

-5pxonly A

normal 8pxonly A

normal 6pxonly A

normal 7pxonly A

linear.app

.125rem

3px

.25em

5px

6px

7px

.5rem

9px

10px

11px

.75rem

13px

14px

15px

16px

20px

24px

Border Radius

−9·7 shared·+9

stripe.com

50%

10px

4px

2px

5px

3px

inherit

1pxonly A

0only A

100pxonly A

16pxonly A

30pxonly A

100%only A

0 0 6px 6pxonly A

4.51pxonly A

20pxonly A

linear.app

50%

10px

4px

2px

5px

3px

inherit

.3emonly B

8pxonly B

9999pxonly B

.2emonly B

12pxonly B

6pxonly B

72pxonly B

Shadows

−12·0 shared·+12

stripe.com

inset 0 0 0 2px #fffonly A

0 30px 60px -50px #0000001a,0 30px 60px -10px #32325d40only A

0px 6px 22px 0px #0037701a),0px 4px 8px 0px #003b8905)only A

0 -1px 0 0 #e5edf5only A

0px 16px 32px rgba(50,50,93,.12)only A

0 0 32.239px -14.806px rgba(50,50,93,.25),0 4.776px 19.343px -9.672px rgba(0,0,0,.1)only A

0 .683px 2.048px 0 rgba(0,0,0,.06),0 3.413px 10.24px 0 rgba(53,53,53,.04)only A

0 15px 35px 0 hsla(0,0%,9%,.08)only A

0 3px 6px 0 hsla(0,0%,9%,.06)only A

0 6px 12px -2px rgba(50,50,93,.08),0 3px 7px -3px rgba(0,0,0,.04)only A

0 13.365px 26.73px -12.276px rgba(50,50,93,.25),0 8.019px 16.038px -8.019px rgba(0,0,0,.1)only A

0 27px 40.5px -27px rgba(50,50,93,.25),0 16.2px 32.4px -16.2px rgba(0,0,0,.1)only A

linear.app

0 0 4px rgba(0,0,0,.5)only B

0 1px 2px rgba(0,0,0,.5)only B

noneonly B

0 0 0 2px rgba(0,0,0,.1)only B

0 4px 12px rgba(0,0,0,.15)only B

0 2px 32px 0 #08090aonly B

0 4px 32px rgba(0,0,0,.2)only B

0px 0px 0px transparentonly B

0 1px 0 0 rgba(0,0,0,.4)only B

0 4px 32px 0 rgba(8,9,10,.6)only B

0 0 0 1px rgba(8,9,10,.1),0 0 64px 0 rgba(8,9,10,.4)only B

0 0 0 1px rgba(0,0,0,.33)