Compare
Archive
About

Home/Browse/stripe.com/Diff

Design token diff

Showing changes between two snapshots of stripe.com

Before

May 7, 2026

After

Nov 6, 2026

pw@1.58.2

Before

May 7, 2026

After

Nov 6, 2026

+15 added−15 removedpw@1.58.2

Colors

+2 added−2 removed62 unchanged

Typography

23 unchanged

Spacing

+1 added−1 removed31 unchanged

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

−-5px-5px

Border Radius

+3 added−3 removed13 unchanged

+8pxRadius 8px

+1remRadius 1rem

+999999pxRadius 999999px

−100%Radius 100%

−0 0 6px 6pxRadius 0 0 6px 6px

−4.51pxRadius 4.51px

Shadows

+9 added−9 removed3 unchanged

+0 -20px 30.64px 0 hsla(0,0%,9%,.08),0 20px 30.64px 0 hsla(0,0%,9%,.08)Shadow 1

+0 -30px 60px -12px rgba(50,50,93,.25),0 -18px 36px -18px rgba(0,0,0,.3)Shadow 2

+0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3)Shadow 3

+-30px 0 60px -12px rgba(50,50,93,.25),-18px 0 36px -18px rgba(0,0,0,.3)Shadow 4

+30px 0 60px -12px rgba(50,50,93,.25),18px 0 36px -18px rgba(0,0,0,.3)Shadow 5

+0 18px 36px -18px rgba(0,0,0,.1),0 30px 45px -30px rgba(50,50,93,.25)Shadow 6

Back to stripe.com archive

+

0 5px 15px 0 #003b890d,0 15px 35px 0 #00377014

Shadow 7

+0px 2px 10px 0px #0037700f),0px 1px 4px 0px #003b890a)--hds-shadow-xs

+0 0 0 1px #a3a7ff40Shadow 10

−0 -1px 0 0 #e5edf5Shadow 4

−0px 16px 32px rgba(50,50,93,.12)--hds-canary-ui-shadow

−0 0 32.239px -14.806px rgba(50,50,93,.25),0 4.776px 19.343px -9.672px rgba(0,0,0,.1)Shadow 6

−0 .683px 2.048px 0 rgba(0,0,0,.06),0 3.413px 10.24px 0 rgba(53,53,53,.04)Shadow 7

−0 15px 35px 0 hsla(0,0%,9%,.08)Shadow 8

−0 3px 6px 0 hsla(0,0%,9%,.06)Shadow 9

−0 6px 12px -2px rgba(50,50,93,.08),0 3px 7px -3px rgba(0,0,0,.04)Shadow 10

−0 13.365px 26.73px -12.276px rgba(50,50,93,.25),0 8.019px 16.038px -8.019px rgba(0,0,0,.1)Shadow 11

−0 27px 40.5px -27px rgba(50,50,93,.25),0 16.2px 32.4px -16.2px rgba(0,0,0,.1)Shadow 12