Design token diff

Showing changes between two snapshots of stripe.com

Before

Apr 24, 2026

View snapshot

After

May 7, 2026

View snapshot

Before

Apr 24, 2026

After

May 7, 2026

+15 added−12 removed

Colors

+7 added−4 removed57 unchanged

Typography

23 unchanged

Spacing

+1 added−1 removed31 unchanged

+64px64px

−32px32px

Border Radius

+4 added−4 removed12 unchanged

+0 0 6px 6pxRadius 0 0 6px 6px

+4.51pxRadius 4.51px

+inheritRadius inherit

+20pxRadius 20px

−var(--phone-graphic-border-radius-outer)Radius var phone graphic border radius outer

−var(--phone-graphic-border-radius-inner)Radius var phone graphic border radius inner

−calc(var(--card-radius) - 1px)

Shadows

+3 added−3 removed9 unchanged

+inset 0 0 0 2px #fffShadow 1

+0px 6px 22px 0px #0037701a),0px 4px 8px 0px #003b8905)--hds-shadow-md

+0 -1px 0 0 #e5edf5Shadow 4

−inset 0 0 0 2px var(--hds-color-core-neutral-0)Shadow 1

−var(--hds-shadow-md-top-offset-x,0) var(--hds-shadow-md-top-offset-y,6px) var(--hds-shadow-md-top-blur,22px) var(--hds-shadow-md-top-spread,0) var(--hds-color-shadow-md-top,rgba(0,55,112,.1)),var(--hds-shadow-md-bottom-offset-x,0) var(--hds-shadow-md-bottom-offset-y,4px) var(--hds-shadow-md-bottom-blur,8px) var(--hds-shadow-md-bottom-spread,0) var(--hds-color-shadow-md-bottom,rgba(0,59,137,.02))Shadow 3

−0 -1px 0 0 var(--hds-color-surface-border-quiet)

Back to stripe.com archive