Diff

ClassPass vs Scale AI

63 token-level differences between these two design systems.

Role tokens
Background
#fffaf6 #ffffff
Text
#1a1a1a #000000
Brand
#ec5e8a #5933b2
Border
#e8d8c8 #e2e2e2
Display font
GT America Aeonik
Body size
16px 16px
colors 57 changed
~ bg #fffaf6 #ffffff
~ bg-soft #fef4eb #fafafa
~ surface #ffffff #f5f5f5
~ brand #ec5e8a #5933b2
~ brand-deep #982a48 #4a2a96
~ text #1a1a1a #000000
~ text-muted #5a5a5a #999999
~ link #ec5e8a #000000
~ border #e8d8c8 #e2e2e2
~ border-strong #c8b6a4 #cccccc
~ border-soft #f0e6d8 #eeeeee
+ bg-dark #070707
+ bg-deep #000000
+ bg-panel #f5f5f5
+ bg-mute #eaeaea
+ surface-dark #0707079a
+ text-charcoal #1a1a1a
+ text-slate #3d3d3d
+ text-steel #575757
+ text-stone #767676
+ on-dark #ffffff
+ on-dark-muted #a8a8a8
+ brand-light #9068c2
+ brand-mauve #8a507e
+ brand-periwinkle #7b8ce7
+ gradient-hero linear-gradient(135deg, #5933b2 0%, #8a507e 45%, #9068c2 100%)
+ gradient-cool linear-gradient(135deg, #5933b2 0%, #7b8ce7 100%)
+ accent-lavender #9068c2
+ accent-violet #5933b2
+ link-on-dark #9068c2
+ border-dark #2a2a2a
+ code-bg #0000000a
+ semantic-success #1a7f4b
+ semantic-warning-bg #fff6e0
+ semantic-warning-text #6b4e00
+ semantic-error #d12d2d
+ semantic-info #5933b2
bg-warm #fdebdb
surface-soft #fdf8f2
surface-cream #fbf2e7
brand-hover #d44872
brand-pressed #b8385d
brand-tint #fde0ea
brand-soft #f8c4d1
text-strong #000000
text-soft #8a8a8a
text-faint #bcbcbc
link-hover #b8385d
selected-bg #fde0ea
border-brand #ec5e8a
yoga-purple #9b6dd4
pilates-mint #5dd4b8
hiit-orange #ff7e3f
success #3da568
warning #cc8800
danger #c4313a
info #ec5e8a
typography 4 changed
~ display {"family":"GT America","size":72} {"family":"Aeonik","size":80}
~ h1 {"family":"GT America","size":36} {"family":"Aeonik","size":48}
~ h2 {"family":"GT America","size":28} {"family":"Aeonik","size":36}
~ body {"family":"GT America","size":16} {"family":"Aeonik","size":16}
radius 2 changed
~ button 12px 8px
~ card 16px 12px
spacing identical
No differences.
↻ Swap direction · Scale AI → ClassPass