lovable.devcursor.com

22shared+106in cursor.com−67in lovable.devlovable · pw@1.58.2

Audit

11% token overlap

lovable.dev and cursor.com have 11% 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 22 token values; 67 are unique to lovable.dev and 106 are unique to cursor.com. Their visual languages converge most on radius (35% aligned) and diverge most on typography. Source: UI Archive token diff, computed from public CSS at lovable.dev and cursor.com.

· lovable.dev and cursor.com share 22 normalized token values (11% overlap).
· Closest category: radius (7 shared, 35% aligned).
· Greatest divergence: typography (12 unique to lovable.dev, 23 unique to cursor.com).
· cursor.com uses a broader color palette (53 vs 24).
· cursor.com ships a richer type scale than lovable.dev.

Machine-readable

Colors

−22·2 shared·+51

lovable.dev

#ffffff

#000000

cursor.com

#ffffff

#000000

Only in lovable.dev

#432004only A

linear-gradient(to bottom, transparent, #0000000a)only A

Try another comparison

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

New comparison

Only in cursor.com

#030712only B

#26251eonly B

#f54e00only B

#3b3a33only B

#1f8a65only B

#cf2d56only B

#dfa88fonly B

#9fc9a2only B

#9fbbe0only B

oklab(0.263084 -0.00230259 0.0124794 / 0.6)only B

rgba(38, 37, 30, 0.55)only B

oklab(0.263084 -0.00230259 0.0124794 / 0.5)only B

oklab(0.263084 -0.00230259 0.0124794 / 0.1)only B

rgba(20, 20, 20, 0.92)only B

oklab(0.263084 -0.00230259 0.0124794 / 0.4)only B

#f7f7f4only B

#9e94d5only B

rgba(20, 20, 20, 0.68)only B

#f2f1edonly B

#b3003fonly B

#c08532only B

#aa52a2only B

oklab(0.263084 -0.00230259 0.0124794 / 0.2)only B

rgba(38, 37, 30, 0.08)only B

#00a540only B

#a78bfaonly B

#db704bonly B

oklab(0.263084 -0.00230259 0.0124794 / 0.9)only B

#3a6a9fonly B

#eb0005only B

#b57effonly B

#6049b3only B

color(srgb 0.14902 0.145098 0.117647 / 0.06)only B

#e6e5e0only B

#ebeae5only B

#e1e0dbonly B

#34785conly B

oklab(0.263084 -0.00230259 0.0124794 / 0.025)only B

rgba(58, 106, 159, 0.15)only B

color(srgb 0.149019 0.145098 0.117647 / 0.06)only B

color(srgb 0.14902 0.145098 0.117647 / 0.03)only B

rgba(38, 37, 30, 0.06)only B

rgba(58, 106, 159, 0.08)only B

#e3ebf3only B

#d9d5cfonly B

rgba(192, 133, 50, 0.15)only B

#b6b9beonly B

rgba(0, 0, 0, 0.08)only B

color(srgb 0.14902 0.145098 0.117647 / 0.08)only B

rgba(235, 234, 229, 0.35)only B

rgba(34, 197, 94, 0.12)only B

Typography

−12·0 shared·+23

lovable.dev

Menlo

13px · 400

only A

Camera Plain Variable

16px · 400

only A

Camera Plain Variable

14px · 400

only A

Camera Plain Variable

15px · 400

only A

Camera Plain Variable

48px · 600

only A

Camera Plain Variable

60px · 480

only A

Camera Plain Variable

18px · 400

only A

Camera Plain Variable

14px · 480

only A

Camera Plain Variable

36px · 600

only A

Camera Plain Variable

12px · 600

only A

Camera Plain Variable

20px · 400

only A

Camera Plain Variable

60px · 600

only A

cursor.com

CursorGothic

16px · 400

only B

berkeleyMono

12px · 400

only B

EB Garamond

16px · 400

only B

CursorGothic

14px · 400

only B

Lato

14px · 400

only B

Spacing

−15·13 shared·+13

lovable.dev

.15rem

.1875em

.25rem

.5em

1px

2px

5px

6px

10px

12px

16px

20px

-1px

.142857emonly A

.222222emonly A

.285714emonly A

.444444emonly A

.571429emonly A

.6emonly A

.666667emonly A

7pxonly A

9pxonly A

24pxonly A

32pxonly A

48pxonly A

56pxonly A

80pxonly A

144pxonly A

cursor.com

.15em

3px

.25rem

8px

1px

.125em

5px

6px

10px

12px

16px

20px

-1px

.2emonly B

.277778emonly B

.28emonly B

Border Radius

−6·7 shared·+7

lovable.dev

inherit

4px

2px

3px

8px

10px

12px

unsetonly A

100%only A

32pxonly A

.3125remonly A

.375remonly A

1.5remonly A

cursor.com

inherit

4px

2px

3px

.5rem

10px

.75rem

9999pxonly B

20pxonly B

99emonly B

1remonly B

1.5pxonly B

50%only B

calc(.25rem - 2px)only B

Shadows

−12·0 shared·+12

lovable.dev

#000 0 6px 6px -6px insetonly A

#000 6px 0 6px -6px insetonly A

0 24px 60px #0f172a2e,0 0 0 1px #0f172a14only A

0 24px 60px #00000073,0 0 0 1px #ffffff14only A

0 0 0 .5px #0000001f, inset 0 0 0 .5px #ffffff1f, 0px 1px 1px -.5px #0000000a, 0px 3px 3px -1.5px #0000000a, 0px 6px 6px -3px #0000000a, 0px 12px 12px -6px #0000000aonly A

0 1px 1px #0000000donly A

0 3px 3px #0000001fonly A

0 9px 7px #0000001aonly A

oklch(0.2 0 0 / 0.12) 0px 2px 2px -1px, oklch(0.2 0 0 / 0.12) 0px 4px 4px -2pxonly A

oklch(0.98 0.01 0 / 0.24) 0px 1px 0px 0px inset, oklch(0.98 0.01 0) 0px -1px 0px 0px inset, rgba(0, 0, 0, 0) 0px 0.5px 0px 0px inset, rgba(0, 0, 0, 0) 0px -0.5px 0px 0px insetonly A

rgb(0, 0, 0) 0px 0px 0px 1px insetonly A

oklch(1 0 0 / 0.08) 0px 0.5px 0px 0px inset, oklch(0 0 0 / 0.16) 0px -0.5px 0px 0px insetonly A

cursor.com

0 0 0 2px #f7f7f4, 0 0 0 4px #f54e00only B

0 0 0 3px #f7f7f4, 0 0 0 5px #1f8a65only B

0 1px 2px #0000001aonly B

0 2px 4px #00000026only B

0 0 8px #1f8a65only B

0 0 0 2px #f54e00only B

0 0 1rem #00000005, 0 0 .5rem #00000002only B

rgba(0, 0, 0, 0.14) 0px 28px 70px 0px, rgba(0, 0, 0, 0.1) 0px 14px 32px 0px, oklab(0.263084 -0.00230259 0.0124794 / 0.1) 0px 0px 0px 1pxonly B

rgba(0, 0, 0, 0.3) 0px 22px 70px 4px, rgba(0, 0, 0, 0.15) 0px 0px 0px 0.5pxonly B

rgba(0, 0, 0, 0.25) 0px 25px 50px -12px, rgba(0, 0, 0, 0.15) 0px 12px 24px -8px, oklab(0.263084 -0.00230259 0.0124794 / 0.1) 0px 0px 0px 0.5pxonly B