Design token diff

Showing changes between two snapshots of chatgpt.com

Before

Apr 4, 2026

View snapshot

After

May 7, 2026

View snapshot

Before

Apr 4, 2026

After

May 7, 2026

+25 added−75 removed

Colors

+2 added−36 removed28 unchanged

Typography

+2 added−10 removed

+Segoe UI Variable Small, -apple-system-body, "ui-sans-serif", -apple-system, "system-ui", Segoe UI, Helvetica, Apple Color Emoji, Arial, "sans-serif", Segoe UI Emoji, Segoe UI Symbol|12px|400Segoe Ui Variable Small

+Segoe UI Variable Text, -apple-system-body, "ui-sans-serif", -apple-system, "system-ui", Segoe UI, Helvetica, Apple Color Emoji, Arial, "sans-serif", Segoe UI Emoji, Segoe UI Symbol|14px|400Segoe Ui Variable Text

−var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)|1em|400Code

−inherit|.875em|500Prose Where Kbd

−inherit|inherit|inheritProse Where Pre

−Segoe UI Variable Small, "ui-sans-serif", -apple-system, "system-ui", Segoe UI, Helvetica, Apple Color Emoji, Arial, "sans-serif", Segoe UI Emoji, Segoe UI Symbol|12px|400

Spacing

+8 added−16 removed16 unchanged

+.27778emSpace .27778em

+.285714emSpace .285714em

+.3remSpace .3rem

+4.5pxSpace 4.5px

+8px8px

+16px16px

+19.92px19.92px

Border Radius

+6 added−6 removed10 unchanged

+.5remRadius .5rem

+1remRadius 1rem

+2remRadius 2rem

+1.25remRadius 1.25rem

+1.75remRadius 1.75rem

+1pxRadius 1px

−3.40282e38pxRadius 3.40282e38px

Shadows

+7 added−7 removed5 unchanged

+0 1px 0 transparent--sharp-edge-top-shadow-placeholder

+0 -1px #0000Shadow 7

+0 0 1px #435a6f4d,0 5px 8px -4px #435a6f4dShadow 8

+0 0 15px #0000001a--shadow-xs

+0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a--shadow-lg

+0 1px 2px #00000026--drop-shadow-sm

+0 3px 3px #0000001f--drop-shadow-md

Back to chatgpt.com archive

−Segoe UI Variable Text, "ui-sans-serif", -apple-system, "system-ui", Segoe UI, Helvetica, Apple Color Emoji, Arial, "sans-serif", Segoe UI Emoji, Segoe UI Symbol|14px|400Sdtrn Root Text 2

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

−Helvetica Neue, Arial, Helvetica, sans-serif|12px|400Mapboxgl Map

−Arial, Helvetica, sans-serif|16px|400Arial 16px / 400

−Times|16px|400Times 16px / 400

−Arial, Helvetica, sans-serif|24px|700Arial 24px / 700

−var(--button-icon-offset,-1px)Space var button icon offset 1px

−var(--badge-icon-offset,-1px)Space var badge icon offset 1px

−calc(max(env(safe-area-inset-bottom,0px)Space calc max env safe area inset bottom 0px

−var(--screen-keyboard-height,0px)Space var screen keyboard height 0px

−var(--screen-top-offset,0px)Space var screen top offset 0px

−calc(var(--indicator-stroke,2px)Space calc var indicator stroke 2px

−calc(var(--spacing,.25rem)Space calc var spacing .25rem

−var(--bar-gap,.25rem)Space var bar gap .25rem

−.02375remSpace .02375rem

−.03889emSpace .03889em

−.0625emSpace .0625em

Radius var radius lg

−var(--radius-3xl)Radius var radius 3xl

−var(--sheet-radius,var(--sheet-radius-amount))Radius var sheet radius var sheet radius amount

−var(--radius-2xl)Radius var radius 2xl

−var(--radius-4xl)Radius var radius 4xl

−var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)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

−0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows)Shadow 3

−var(--sharp-edge-top-shadow-placeholder)Shadow 4

−var(--sharp-edge-top-shadow)Shadow 5

−var(--sharp-edge-bottom-shadow)Shadow 7

−var(--sharp-edge-bottom-shadow-placeholder)Shadow 8