Design token diff
Showing changes between two snapshots of gumroad.com
Colors
+18 added−7 removed21 unchangedTypography
+19 added−2 removed+"ABC Favorit"|16px|400ABC Favorit 16px / 400
+"ABC Favorit"|24px|500ABC Favorit 24px / 500
+"ABC Favorit"|18px|400ABC Favorit 18px / 400
+"ABC Favorit"|20px|500ABC Favorit 20px / 500
+"ABC Favorit"|24px|400ABC Favorit 24px / 400
+"ABC Favorit"|20px|400ABC Favorit 20px / 400
+"ABC Favorit", Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif|16px|400ABC Favorit 16px / 400
Spacing
+13 added−1 removed19 unchanged+1.06667emSpace 1.06667em
+4px4px
+8px8px
+12px12px
+16px16px
+24px24px
+32px32px
+
Border Radius
+6 added−14 removed10 unchanged+9999pxRadius 9999px
+rgb(0 0 0)Radius rgb 0 0 0
+rgb(221 221 221)Radius rgb 221 221 221
+rgb(255 255 255)Radius rgb 255 255 255
+3.35544e+07px3.35544e+07px
+4px4px
−var(--radius-lg)Radius var radius lg
Shadows
+2 added−5 removed+.25rem .25rem 0rem 221 221 221--box-shadow-1
+.5rem .5rem 0rem 221 221 221--box-shadow-2
−0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows)Shadow 1
−var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow)Shadow 2
−var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow)Shadow 3
−.25rem .25rem 0rem var(--color)Shadow 4
−.5rem .5rem 0rem var(--color)
+
"ABC Favorit"|36px|400
ABC Favorit 36px / 400
+"ABC Favorit"|18px|700ABC Favorit 18px / 700
+"ABC Favorit"|14px|400ABC Favorit 14px / 400
+"ABC Favorit"|48px|500ABC Favorit 48px / 500
+"ABC Favorit"|48px|400ABC Favorit 48px / 400
+"ABC Favorit"|96px|400ABC Favorit 96px / 400
+"ABC Favorit"|72px|500ABC Favorit 72px / 500
+"ABC Favorit"|16px|500ABC Favorit 16px / 500
+"ABC Favorit"|192px|500ABC Favorit 192px / 500
+"ABC Favorit"|30px|400ABC Favorit 30px / 400
+"ABC Favorit"|72px|400ABC Favorit 72px / 400
+"lucida grande", tahoma, verdana, arial, sans-serif|11px|400lucida grande 11px / 400
−var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)|1em|400Scoped Tailwind Preflight
−var(--font-family)|1rem|400Body
40px
40px
−
var(--radius-2xl)
Radius var radius 2xl
−var(--radius-3xl)Radius var radius 3xl
−3.40282e38pxRadius 3.40282e38px
−var(--radius-md)Radius var radius md
−var(--radius-sm)Radius var radius sm
−var(--radius-xl)Radius var radius xl
−var(--radius-xs)Radius var radius xs
−rgb(var(--filled))Radius rgb var filled
−rgb(var(--color))Radius rgb var color
−rgb(var(--contrast-accent))Radius rgb var contrast accent
−rgb(var(--contrast-primary))Radius rgb var contrast primary
−rgb(var(--contrast-success))Radius rgb var contrast success
−rgb(var(--contrast-danger))Radius rgb var contrast danger
Shadow 5