Design token diff
Showing changes between two snapshots of vercel.com
Colors
+15 added−27 removed29 unchangedTypography
+24 added−23 removed+DSEG7 Classic, monospace|2rem|400Turbohero Module Q7WFCG
+KaTeX_Main, Times New Roman, serif|1.21em|400Katex
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|400Geist 16px / 400
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|14px|400Geist 14px / 400
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|14px|500Geist 14px / 500
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|500Geist 16px / 500
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|12px|400
Spacing
+15 added−15 removed17 unchanged+-1px-1px
+.03889emSpace .03889em
+.12emSpace .12em
+.2emSpace .2em
+.277778emSpace .277778em
+.27778emSpace .27778em
+.3emSpace .3em
+
Border Radius
−8 removed16 unchanged−99pxRadius 99px
−100pxRadius 100px
−24pxRadius 24px
−unsetRadius unset
−0 0 6px 6pxRadius 0 0 6px 6px
−6px 6px 0 0Radius 6px 6px 0 0
−14pxRadius 14px
−
Shadows
−12 removed12 unchanged−0 0 0 1px var(--ds-gray-alpha-400)Shadow 12
−var(--ds-shadow-menu)Shadow 13
−0 0 0 4px var(--ds-gray-alpha-400)Shadow 14
−0 0 0 2px var(--theme-color,--ds-blue-900)Shadow 15
−var(--ds-shadow-tooltip)Shadow 17
−0 4px 9px #0000001fShadow 18
−0 0 0 1px var(--themed-border,var(--ds-gray-alpha-400))Shadow 19
Geist 12px / 400
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|12px|500Geist 12px / 500
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|14px|500Geist 14px / 500
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|14px|400Geist 14px / 400
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|32px|400Geist 32px / 400
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|24px|600Geist 24px / 600
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|24px|500Geist 24px / 500
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|24px|600Geist 24px / 600
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|18px|400Geist 18px / 400
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|7px|700Geist 7px / 700
+"Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|400Geist Mono 16px / 400
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|48px|600Geist 48px / 600
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|20px|400Geist 20px / 400
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|16px|400Geist 16px / 400
+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|32px|600Geist 32px / 600
+"Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|12px|400Geist Mono 12px / 400
+"Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|9.5px|400Geist Mono 9.5px / 400
+"Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|7.75px|400Geist Mono 7.75px / 400
−var(--font-mono)|14px|400Contentful Parse Error
−inherit|100%|400Reset Module YlizOa
−var(--font-sans)|.875rem|400Kbd Module Xx9QEa
−var(--font-sans)|.75rem|400Kbd Module Xx9QEa 2
−inherit|var(--geist-form-font)|400Select Module NrtrfG
−var(--font-sans)|13px|400Switcher Module YG1vyW
−var(--font-mono)|14px|500Text Module Fl7lUq
−var(--font-sans, var(--font-sans-fallback))|var(--text-size)|var(--text-weight)Text Module EElGjq
−var(--font-mono)|13px!important|400Code Block Module
−var(--font-mono)|13px|400Code Block Module 2
−var(--font-sans)|14px|400Navigation Menu Module
−Georgia, Times New Roman, Times, serif|32px|400Testimonial Module 6lbEXq
−var(--font-sans)|14px|500!importantFides Banner Button
−var(--font-mono, var(--font-mono-fallback)), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace|1em|400Where Tailwind Not
−var(--font-sans, var(--font-sans-fallback)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|64px|600Text Heading 64
−var(--font-sans, var(--font-sans-fallback)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|56px|600Text Heading 56
−var(--font-sans, var(--font-sans-fallback)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|48px|600Text Heading 48
−var(--font-sans, var(--font-sans-fallback)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|40px|600Text Heading 40
−var(--font-sans, var(--font-sans-fallback)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|32px|600Text Heading 32
−var(--font-sans, var(--font-sans-fallback)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|24px|600Text Heading 24
−var(--font-sans, var(--font-sans-fallback)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|20px|600Text Heading 20
−var(--font-sans, var(--font-sans-fallback)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|16px|600Text Heading 16
−var(--font-sans, var(--font-sans-fallback)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|14px|600Text Heading 14
12px
12px
−calc(.375rem * calc(1 - var(--tw-space-y-reverse)Space calc .375rem calc 1 var tw space y reverse
−calc(.375rem * var(--tw-space-y-reverse)Space calc .375rem var tw space y reverse
−calc(.5rem * var(--tw-space-x-reverse)Space calc .5rem var tw space x reverse
−calc(.5rem * calc(1 - var(--tw-space-x-reverse)Space calc .5rem calc 1 var tw space x reverse
−calc(.5rem * calc(1 - var(--tw-space-y-reverse)Space calc .5rem calc 1 var tw space y reverse
−calc(.5rem * var(--tw-space-y-reverse)Space calc .5rem var tw space y reverse
2px
Radius 2px
−
var(--ds-focus-border)
Shadow 20
−0 0 0 1px var(--themed-border), 0px 0px 0px 4px hsla(var(--ds-red-900-value), .16)Shadow 21
−0 0 0 var(--geist-foreground)Shadow 22
−0 0 0 1px var(--geist-background)Shadow 23
−var(--ds-shadow-small)Shadow 24