Diff

OpenSea vs Cursor

61 token-level differences between these two design systems.

Role tokens
Background
#04111d #f7f7f4
Text
#ffffff #26251e
Brand
#2081e2 #f54e00
Border
#1f2937 #e6e5e0
Display font
Inter CursorGothic
Body size
14px 16px
colors 55 changed
~ bg #04111d #f7f7f4
~ text #ffffff #26251e
~ text-body #c5cdd6 #5a5852
~ text-muted #8a939b #807d72
~ brand #2081e2 #f54e00
~ brand-active #1259a0 #d04200
~ border #1f2937 #e6e5e0
~ border-soft #151b25 #efeee8
~ border-strong #2c3a4d #cfcdc4
~ link #2081e2 #26251e
~ link-hover #5fa3eb #f54e00
+ bg-soft #fafaf7
+ surface #ffffff
+ surface-soft #f2f1ed
+ surface-strong #e6e5e0
+ text-strong #26251e
+ text-soft rgba(38, 37, 30, 0.6)
+ text-faint #a09c92
+ border-translucent rgba(38, 37, 30, 0.1)
+ timeline-thinking #dfa88f
+ timeline-grep #9fc9a2
+ timeline-read #9fbbe0
+ timeline-edit #c0a8dd
+ timeline-done #c08532
+ selection-orange #f54e00
+ diff-add-bg rgba(31, 138, 101, 0.12)
+ diff-remove-bg rgba(207, 45, 86, 0.12)
+ success #1f8a65
+ warning #c08532
+ danger #cf2d56
+ info #9fbbe0
+ shadow-tint rgba(38, 37, 30, 0.08)
bg-elev-1 #0d1721
bg-elev-2 #1b2730
bg-elev-3 #252f3e
surface-card #0d1721
surface-card-hover #1b2730
text-subtle #707a83
text-on-light #04111d
brand-hover #1868b7
brand-soft #2081e21a
brand-glow rgba(32,129,226,0.40)
semantic-up #34c77b
semantic-up-soft #34c77b1a
semantic-down #eb5757
semantic-down-soft #eb57571a
semantic-warning #f5a623
semantic-info #2081e2
verified-blue #2081e2
category-art #bf60d5
category-gaming #34c77b
category-music #f5a623
rare-gold #fbbf24
focus-ring rgba(32,129,226,0.40)
scrim rgba(4,17,29,0.70)
typography 4 changed
~ display {"family":"Inter","size":72} {"family":"CursorGothic","size":72}
~ h1 {"family":"Inter","size":40} {"family":"CursorGothic","size":48}
~ h2 {"family":"Inter","size":32} {"family":"CursorGothic","size":36}
~ body {"family":"Inter","size":14} {"family":"CursorGothic","size":16}
radius 2 changed
~ card 10px 20px
~ pill 999px 9999px
spacing identical
No differences.
↻ Swap direction · Cursor → OpenSea