Design token diff

Showing changes between two snapshots of moma.org

Before

Apr 5, 2026

View snapshot

After

Nov 6, 2026

pw@1.58.2

View snapshot

Before

Apr 5, 2026

After

Nov 6, 2026

+31 added−68 removedpw@1.58.2

Colors

+5 added−25 removed9 unchanged

Typography

+6 added−3 removed12 unchanged

+"MoMA Sans Bold", Helvetica, Arial, sans-serif|18px|900MoMA Sans Bold 18px / 900

+"MoMA Sans Bold", Helvetica, Arial, sans-serif|30px|900MoMA Sans Bold 30px / 900

+"MoMA Sans Bold", Helvetica, Arial, sans-serif|18px|700MoMA Sans Bold 18px / 700

+"MoMA Sans Bold", Helvetica, Arial, sans-serif|30px|400MoMA Sans Bold 30px / 400

+"MoMA Sans Bold", Helvetica, Arial, sans-serif|22px|400MoMA Sans Bold 22px / 400

+"MoMA Sans Bold", Helvetica, Arial, sans-serif|22px|900MoMA Sans Bold 22px / 900

Spacing

+20 added−20 removed12 unchanged

+3.2px3.2px

+3.6px3.6px

+4.5px4.5px

+5.28px5.28px

+5.94px5.94px

+24px24px

+32px32px

Border Radius

−16 removed

−.4remRadius .4rem

−50%Radius 50%

−.2remRadius .2rem

−.15remRadius .15rem

−var(--border-radius)Radius var border radius

−var(--border-radius,var(--focus-radius))Radius var border radius var focus radius

−var(--typography--code--corner)Radius var typography code corner

−var(--swiper-pagination-bullet-border-radius,50%)

Shadows

−4 removed1 unchanged

−0 0 0 .2rem #000Shadow 1

−0 0 0 .2rem #fffShadow 2

−0 0 0 var(--focus-thickness) var(--color--focus)Shadow 3

−var(--color--background) var(--typography--underline--clearing) 0,var(--color--background) var(--typography--underline--clearing) calc(var(--typography--underline--clearing)/3),var(--color--background) 0 calc(var(--typography--underline--clearing)/3),var(--color--background) calc(var(--typography--underline--clearing)*-1) calc(var(--typography--underline--clearing)/3),var(--color--background) calc(var(--typography--underline--clearing)*-1) 0,var(--color--background) calc(var(--typography--underline--clearing)*-1) calc(var(--typography--underline--clearing)*-1/3),var(--color--background) 0 calc(var(--typography--underline--clearing)*-1/3)Shadow 4

Back to moma.org archive