Diff

Replicate vs Y Combinator

56 token-level differences between these two design systems.

Role tokens
Background
#ffffff #ffffff
Text
#202020 #000000
Brand
#202020 #f26625
Border
#e9e9e9 #cccccc
Display font
rb-freigeist-neue Verlag
Body size
16px 16px
colors 50 changed
~ surface #fcfcfc #ffffff
~ text #202020 #000000
~ text-soft #646464 #525252
~ text-muted #8a8a8a #cccccc
~ text-faint #b3b3b3 #a0a0a0
~ brand #202020 #f26625
~ brand-deep #000000 #cc4f00
~ on-brand #fcfcfc #ffffff
~ link #202020 #000099
~ link-hover #000000 #000066
~ selected-bg #f5f5f5 #fff6f0
~ disabled #b3b3b3 #cccccc
~ border #e9e9e9 #cccccc
~ border-strong #cccccc #828282
~ border-subtle #f0f0f0 #e6e6e6
~ success-bg #e7f5ec #e8f5e0
~ success-text #1f6b3e #2d5016
~ warning-bg #fef6e4 #fff4d6
~ warning-text #7a5a14 #7a5e00
~ danger-bg #fbebec #fde0d4
~ danger-text #9a2c34 #8a2a0a
~ info-bg #eef2f7 #e0e8f5
~ info-text #1f4a7a #000099
+ bg-paste #f6f6ef
+ bg-warm-tint #fff6f0
+ bg-cool #fafafa
+ surface-elevated #ffffff
+ text-meta #828282
+ brand-classic #ff6600
+ brand-hover #e85d00
+ brand-soft rgba(242, 102, 37, 0.10)
+ accent-startup-school #ff8c42
+ accent-warm-cream #fff6f0
+ link-visited #828282
+ link-yc #000000
+ cta-bg #f26625
+ cta-text #ffffff
+ ink-100 #000000
+ ink-200 #404040
+ ink-300 #525252
+ ink-400 #828282
+ ink-500 #a0a0a0
+ ink-600 #cccccc
+ ink-700 #e6e6e6
+ ink-800 #f6f6ef
+ border-orange rgba(242, 102, 37, 0.40)
+ shadow-color rgba(0, 0, 0, 0.06)
+ shadow-warm rgba(242, 102, 37, 0.15)
bg-alt #fdfdfd
surface-light #f5f5f5
typography 5 changed
~ display {"family":"rb-freigeist-neue","size":96} {"family":"Verlag","size":80}
~ h1 {"family":"rb-freigeist-neue","size":56} {"family":"Verlag","size":48}
~ h2 {"family":"rb-freigeist-neue","size":48} {"family":"Verlag","size":32}
~ body {"family":"basier-square","size":16} {"family":"Verdana","size":16}
~ label {"family":"jetbrains-mono","size":11} {"family":"Monaco","size":11}
radius 1 changed
~ pill 9999px 0px
spacing identical
No differences.
↻ Swap direction · Y Combinator → Replicate