Diff

HEY vs Drizzle ORM

68 token-level differences between these two design systems.

Role tokens
Background
#ffffff #ffffff
Text
#231c33 #000000
Brand
#5522fa #c5f74f
Border
#231c3314 #e5e7eb
Display font
Really Sans Large Inter
Body size
18px 16px
colors 61 changed
~ text #231c33 #000000
~ brand #5522fa #c5f74f
~ on-brand #ffffff #000000
~ border #231c3314 #e5e7eb
~ shadow-deep rgba(35,28,51,0.6) rgba(17,24,39,0.16)
+ bg-subtle #fbfbfc
+ surface #ffffff
+ surface-alt #f6f6f7
+ surface-faint #f1f2f3
+ brand-hover #b9ee3c
+ brand-pressed #a9dd2f
+ brand-soft #eefbcf
+ control #282b3b
+ control-hover #34384c
+ control-pressed #1f2230
+ on-control #ffffff
+ link #000000
+ link-hover #282b3b
+ link-code #22863a
+ selected #c5f74f59
+ disabled #f1f2f3
+ disabled-text #b0b3b8
+ text-heading #222222
+ text-muted #555555
+ text-soft #6b7280
+ text-code #414141
+ text-faint #9aa0a6
+ border-soft #f0f1f2
+ border-strong #d0d3d8
+ border-dark #282b3b
+ shadow-ambient rgba(17,24,39,0.04)
+ shadow-standard rgba(17,24,39,0.08)
+ shadow-elevated rgba(17,24,39,0.12)
+ success #22863a
+ success-bg #e9f6ec
+ warning #b45309
+ warning-bg #fdf3e7
+ danger #cf222e
+ danger-bg #fbeaec
+ info #282b3b
+ info-bg #f6f6f7
paper #f9f7f5
stone #edeae6
stone-light #f7f4f0
grey #736c83
cobalt #0074e4
yellow #f5d652
canary #fff5ca
orange #f87917
coral #f95c5c
coral-dark #ec4343
salmon #ec8580
peach #ffe5da
mint #b3f4e0
teal #5fddc5
sky #b6dbff
lavender #d5d2ff
pink #cf6fb6
purple #7700a2
green #299850
shadow-card rgba(35,28,51,0.2)
typography 5 changed
~ display {"family":"Really Sans Large","size":74} {"family":"Inter","size":80}
~ h1 {"family":"Really Sans Large","size":44} {"family":"Inter","size":40}
~ h2 {"family":"Really Sans Large","size":34} {"family":"Inter","size":32}
~ body {"family":"Moniker","size":18} {"family":"Inter","size":16}
~ label {"family":"SFMono-Regular","size":14} {"family":"SFMono-Regular","size":13}
radius 2 changed
~ button 12px 8px
~ card 18px 12px
spacing identical
No differences.
↻ Swap direction · Drizzle ORM → HEY