Design token diff
Showing changes between two snapshots of netlify.com
Colors
+32 added−4 removed24 unchangedTypography
+20 added−15 removed1 unchanged+"Instrument Sans", system-ui, Helvetica, sans-serif|16px|400Instrument Sans 16px / 400
+"Martian Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace|16px|400Martian Mono 16px / 400
+"Instrument Sans", system-ui, Helvetica, sans-serif|16px|500Instrument Sans 16px / 500
+Figtree, system-ui, Helvetica, sans-serif|18px|600Figtree 18px / 600
+"Instrument Sans", system-ui, Helvetica, sans-serif|14px|400Instrument Sans 14px / 400
+Figtree, system-ui, Helvetica, sans-serif|16px|600Figtree 16px / 600
Spacing
+21 added−9 removed11 unchanged+.25emSpace .25em
+.3emSpace .3em
+.375remSpace .375rem
+.667emSpace .667em
+.7remSpace .7rem
+.75remSpace .75rem
+.75emSpace .75em
+
Border Radius
+11 added−19 removed5 unchanged+360pxRadius 360px
+.375remRadius .375rem
+.125remRadius .125rem
+1remRadius 1rem
+0Radius 0
+.75remRadius .75rem
+9999pxRadius 9999px
Shadows
+6 added−10 removed6 unchanged+0 0 0 3px HighlightShadow 1
+#12181f 0 0 0 3pxShadow 4
+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
+rgba(255, 255, 255, .1)--color-bg-shadow
−0 0 0 3px var(--color-focus-ring, Highlight)
+
"Martian Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace|14px|400
Martian Mono 14px / 400
+Figtree, system-ui, Helvetica, sans-serif|64px|800Figtree 64px / 800
+"Instrument Sans", system-ui, Helvetica, sans-serif|14px|600Instrument Sans 14px / 600
+Figtree, system-ui, Helvetica, sans-serif|14px|600Figtree 14px / 600
+Figtree, system-ui, Helvetica, sans-serif|16px|700Figtree 16px / 700
+"Instrument Sans", system-ui, Helvetica, sans-serif|18px|400Instrument Sans 18px / 400
+Figtree, system-ui, Helvetica, sans-serif|36.8px|800Figtree 36.8px / 800
+Figtree, system-ui, Helvetica, sans-serif|32px|700Figtree 32px / 700
+Figtree, system-ui, Helvetica, sans-serif|24px|700Figtree 24px / 700
+Figtree, system-ui, Helvetica, sans-serif|48px|700Figtree 48px / 700
+"Instrument Sans", system-ui, Helvetica, sans-serif|16px|600Instrument Sans 16px / 600
+Figtree, system-ui, Helvetica, sans-serif|21.12px|700Figtree 21.12px / 700
+Figtree, system-ui, Helvetica, sans-serif|48.64px|800Figtree 48.64px / 800
+"Martian Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace|12px|400Martian Mono 12px / 400
−var(--font-family-display)|var(--font-size-text-md)|var(--font-weight-bold)Button
−var(--ntl-font-family-mono)|var(--ntl-font-size-text-sm)|400Eyebrow Data Astro
−var(--ntl-font-family-display)|var(--ntl-font-size-display-sm)|var(--ntl-font-weight-bold)N Card Headline
−var(--ntl-font-family-display)|var(--ntl-font-size-text-lg)|var(--ntl-font-weight-semibold)N Tabbed Content
−var(--ntl-font-family-display)|var(--ntl-font-size-display-2xs)|var(--ntl-font-weight-bold)Figure Data Astro
−var(--ntl-font-family-mono)|var(--ntl-font-size-text-md)|400N Tabbed Content 2
−var(--font-family-text)|var(--font-size-text-lg)|var(--font-weight-normal)Body
−var(--font-family-mono)|var(--font-size-text-xs)|var(--font-weight-normal)Pre
−var(--font-primary)|var(--step-0)|var(--font-weight-regular)Body 2
−var(--font-family-display, "Figtree", system-ui, sans-serif)|3lh|var(--font-weight-semibold)Prose Drop Cap
−var(--font-primary)|.875rem|var(--font-weight-medium)C Badge
−var(--font-heading)|var(--step--2)|var(--font-weight-medium)C Badge Data
−var(--button-font-family, var(--font-secondary))|var(--button-font-size, var(--text-0))|var(--button-font-weight, var(--font-weight-semibold))Where Button
−var(--font-monospace)|var(--step-0)|var(--font-weight-medium)B Heading Preheading
−var(--font-heading)|var(--subheading-size, var(--step-1))|var(--font-weight-semibold)B Heading Subheading
.875rem
Space .875rem
−var(--n-key-padding-block, .05em)Space var n key padding block .05em
−calc(.25rem * calc(1 - var(--tw-space-y-reverse)Space calc .25rem calc 1 var tw space y reverse
−calc(.25rem * var(--tw-space-y-reverse)Space calc .25rem var tw space y reverse
−var(--n-key-padding-inline, .3em)Space var n key padding inline .3em
−var(--button-gap, .375rem)Space var button gap .375rem
−var(--button-padding-block, var(--button-padding, calc(.5rem - var(--button-border-width, 1px)Space var button padding block var button padding calc .5rem var button border width 1px
−var(--space-2xs, .5rem)Space var space 2xs .5rem
+
12px
Radius 12px
−var(--radius-pill)Radius var radius pill
−var(--radius-m)Radius var radius m
−var(--ntl-radius-m)Radius var ntl radius m
−var(--ntl-radius-s)Radius var ntl radius s
−var(--ntl-radius-s, .25rem)Radius var ntl radius s .25rem
−var(--_radius)Radius var radius
−var(--radius-circle)Radius var radius circle
−var(--radius-s)Radius var radius s
−var(--radius-xs)Radius var radius xs
−var(--button-border-radius, var(--radius-m))Radius var button border radius var radius m
−var(--card-radius, var(--radius-xl))Radius var card radius var radius xl
−var(--card-image-radius, 0)Radius var card image radius 0
−var(--card-border-radius)Radius var card border radius
−var(--card-image-radius)Radius var card image radius
−var(--border-radius)Radius var border radius
−var(--range-thumb-radius, var(--radius-pill))Radius var range thumb radius var radius pill
−var(--range-track-radius, var(--radius-pill))Radius var range track radius var radius pill
−var(--radius-l)Radius var radius l
−var(--radius-pill, 360px)Radius var radius pill 360px
Shadow 1
−var(--card-shadow, var(--shadow-light))Shadow 3
−var(--card-shadow)Shadow 4
−var(--color-bg-1) 0 0 0 3pxShadow 5
−var(--shadow-light)Shadow 6
−var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)Shadow 7
−var(--shadow-deep)Shadow 9
−var(--shadow-hover)Shadow 10
−1.25rem 0 0 var(--neutral-600),2.5rem 0 0 var(--neutral-600)Shadow 11
−var(--ntl-shadow-deep)Shadow 16