Design token diff

Showing changes between two snapshots of vercel.com

Before

Apr 12, 2026

View snapshot

After

May 6, 2026

View snapshot

Before

Apr 12, 2026

After

May 6, 2026

+38 added−40 removed

Colors

+1 added−3 removed41 unchanged

Typography

+10 added−10 removed14 unchanged

+Geist, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 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|500Geist 14px / 500

Spacing

+10 added−10 removed22 unchanged

+.375remSpace .375rem

+.4emSpace .4em

+.5remSpace .5rem

+.5emSpace .5em

+.55556emSpace .55556em

+.625remSpace .625rem

+5pxSpace 5px

Border Radius

+5 added−5 removed11 unchanged

+99pxRadius 99px

+24pxRadius 24px

+14pxRadius 14px

+2pxRadius 2px

+128pxRadius 128px

−var(--geist-radius)Radius var geist radius

−var(--corner-small,6px)Radius var corner small 6px

Shadows

+12 added−12 removed

+inset 0 0 0 1px #00000014--ds-shadow-border-inset

+0 5px 10px #0000001f--shadow-small

+0 0 0 2px #fff, 0 0 0 4px #999Shadow 3

+0 0 0 4px #00000014Shadow 4

+0 0 0 2px --ds-blue-900Shadow 5

+0 0 0 1px #00000014--ds-shadow-border-base

+0 0 0 1px #00000036Shadow 7

Back to vercel.com archive

+"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"|6px|400Geist Mono 6px / 400

−KaTeX_Main, Times New Roman, serif|1.21em|400Katex

−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 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

−calc(0px * calc(1 - var(--tw-space-y-reverse)Space calc 0px calc 1 var tw space y reverse

−calc(0px * var(--tw-space-y-reverse)Space calc 0px var tw space y reverse

−calc(1px * calc(1 - var(--tw-space-y-reverse)Space calc 1px calc 1 var tw space y reverse

−calc(1px * var(--tw-space-y-reverse)Space calc 1px var tw space y reverse

−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

−.03889emSpace .03889em

−var(--geist-radius,5px)Radius var geist radius 5px

0 0 0 1px oklch(54.99% .232 25.29), 0 0 0 4px oklch(94.33% .0369 15.0115)

+0 0 0 1px #00000057, 0px 0px 0px 4px #00000029Shadow 9

+0 0 0 1px #00000057, 0px 0px 0px 4px #ffffff3dShadow 10

+0 0 0 2px hsla(0, 0%, 100%, 1), 0 0 0 4px oklch(57.61% .2508 258.23)Shadow 11

+0 0 0 1px oklch(54.99% .232 25.29), 0 0 0 4px oklch(84.47% .1018 17.71)Shadow 12

−inset 0 0 0 1px var(--ds-gray-alpha-400)Shadow 1

−var(--shadow-small)Shadow 2

−0 0 0 2px var(--geist-background), 0 0 0 4px var(--accents-3)Shadow 3

−var(--ds-shadow-tooltip), 0 0 0 1px var(--ds-background-100)Shadow 4

−0 1px 2px #0000000aShadow 5

−0 0 0 1px var(--border-color,var(--ds-gray-alpha-400))Shadow 6

−0 0 0 1px var(--ds-gray-alpha-500)Shadow 7

−0 0 0 1px var(--ds-red-900), 0 0 0 4px var(--ds-red-300)Shadow 8

−0 0 0 1px var(--ds-gray-alpha-600), 0px 0px 0px 4px #00000029Shadow 9

−0 0 0 1px var(--ds-gray-alpha-600), 0px 0px 0px 4px #ffffff3dShadow 10

−var(--ds-focus-ring)Shadow 11

−0 0 0 1px var(--ds-red-900), 0 0 0 4px var(--ds-red-500)Shadow 12