Design token diff
Showing changes between two snapshots of netlify.com
+36 added−43 removedpw@1.58.2
Colors
+15 added−21 removed35 unchangedTypography
+4 added−5 removed16 unchanged+"Instrument Sans", system-ui, Helvetica, sans-serif|16px|700Instrument Sans 16px / 700
+Figtree, system-ui, Helvetica, sans-serif|32px|800Figtree 32px / 800
+Figtree, system-ui, Helvetica, sans-serif|48px|800Figtree 48px / 800
+"Martian Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace|12px|700Martian Mono 12px / 700
−"Instrument Sans", system-ui, Helvetica, sans-serif|14px|600Instrument Sans 14px / 600
−Figtree, system-ui, Helvetica, sans-serif|14px|600Figtree 14px / 600
Spacing
+5 added−5 removed27 unchanged+0remSpace 0rem
+1remSpace 1rem
+1emSpace 1em
+1.0625remSpace 1.0625rem
+1.6px1.6px
−.25emSpace .25em
−.667emSpace .667em
Border Radius
+2 added−2 removed14 unchanged+3px 3px 0 0Radius 3px 3px 0 0
+3pxRadius 3px
−8pxRadius 8px
−6pxRadius 6px
Shadows
+10 added−10 removed2 unchanged+0 0 2px #00000080Shadow 3
+0px 2px 4px 0px #33373b14, 0px 1px 10px 0px #33373b0f--ntl-shadow-light
+linear-gradient(180deg, #1b205b 0%, #12181f 100%) 0 0 0 3pxShadow 5
+0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2emShadow 6
+0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1emShadow 7
+0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1emShadow 8
−
Figtree, system-ui, Helvetica, sans-serif|36.8px|800
Figtree 36.8px / 800
−Figtree, system-ui, Helvetica, sans-serif|21.12px|700Figtree 21.12px / 700
−Figtree, system-ui, Helvetica, sans-serif|48.64px|800Figtree 48.64px / 800
−
.75em
Space .75em
+
0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
Shadow 9
+0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1emShadow 10
+0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1emShadow 11
+0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2emShadow 12
−0 0 2px rgba(0,0,0,.5)Shadow 2
−0 2px 4px 0 color(srgb .2 .21568627450980393 .23137254901960785 / .08), 0 1px 10px 0 color(srgb .2 .21568627450980393 .23137254901960785 / .06)--ntl-shadow-light
−#12181f 0 0 0 3pxShadow 4
−0 16px 24px 0 color(srgb 0 0 0 / .07), 0 6px 30px 0 color(srgb 0 0 0 / .06), 0 8px 10px 0 color(srgb 0 0 0 / .1)--ntl-shadow-deep
−0 4px 12px 0 color(srgb 0 0 0 / .25)--ntl-shadow-hover
−1.25rem 0 0 color(srgb .15294117647058825 .1843137254901961 .2196078431372549),2.5rem 0 0 color(srgb .15294117647058825 .1843137254901961 .2196078431372549)Shadow 8
−0 2px 12px #0000004dShadow 9
−0 0 24px color(srgb .0196078431372549 .7411764705882353 .7294117647058823)Shadow 10
−-10px 10px 80px 0 color(srgb 0 0 0 / .1)--ntl-shadow-heavy
−rgba(255, 255, 255, .1)--color-bg-shadow