Diff

SteelSeries vs Razer

56 token-level differences between these two design systems.

Role tokens
Background
#0a0a0a #000000
Text
#ffffff #ffffff
Brand
#ff6900 #44d62c
Border
#2e2e2e #262626
Display font
Inter Inter
Body size
16px 16px
colors 53 changed
~ bg #0a0a0a #000000
~ bg-deep #141414 #0d0d0d
~ surface #1a1a1a #111111
~ surface-soft #222222 #1a1a1a
~ surface-strong #2e2e2e #262626
~ surface-product-band #141414 #080808
~ surface-input #222222 #1a1a1a
~ text-soft #a8a8a8 #b3b3b3
~ text-faint #6e6e6e #7a7a7a
~ text-link #ff6900 #44d62c
~ brand #ff6900 #44d62c
~ brand-deep #cc5500 #1f8a0f
~ brand-glow rgba(255,105,0,0.4) rgba(68,214,44,0.4)
~ on-brand #ffffff #000000
~ link-default #ff6900 #44d62c
~ link-visited #ff6900 #44d62c
~ border #2e2e2e #262626
~ border-soft #222222 #1a1a1a
~ border-strong #ff6900 #44d62c
~ badge-new #ff6900 #44d62c
~ badge-out-of-stock #6e6e6e #7a7a7a
~ price-discount #ff6900 #44d62c
~ rating-star #ff6900 #44d62c
~ success #00cc66 #44d62c
~ info #0099ff #44d62c
+ bg-darkest #000000
+ brand-hover #5fe849
+ brand-active #2db516
+ cta-buy #44d62c
+ cta-buy-hover #5fe849
+ cta-secondary transparent
+ shadow-glow rgba(68,214,44,0.3)
+ chroma-red #ff0000
+ chroma-orange #ff8800
+ chroma-yellow #ffee00
+ chroma-cyan #00ffff
+ chroma-blue #0099ff
+ chroma-purple #aa00ff
+ chroma-pink #ff0088
+ rgb-gradient linear-gradient(90deg, #ff0000, #ff8800, #ffee00, #44d62c, #00ffff, #0099ff, #aa00ff, #ff0088)
+ badge-pre-order #44d62c
+ badge-exclusive #ffaa00
+ price-strikethrough #7a7a7a
bg-pure #000000
brand-bright #ff8533
brand-darkest #993f00
brand-gradient linear-gradient(135deg, #ff8533 0%, #ff6900 50%, #cc5500 100%)
cta-primary #ff6900
cta-primary-hover #ff8533
shadow-steelseries-glow rgba(255,105,0,0.4)
badge-pro-series transparent
badge-prime #ff6900
badge-arctis #ff6900
typography 1 changed
~ label {"family":"JetBrains Mono","size":11} {"family":"Roboto Mono","size":11}
radius 2 changed
~ button 8px 4px
~ card 12px 8px
spacing identical
No differences.
↻ Swap direction · Razer → SteelSeries