Design token diff

Showing changes between two snapshots of mailchimp.com

Before

Apr 10, 2026

View snapshot

After

May 7, 2026

View snapshot

Before

Apr 10, 2026

After

May 7, 2026

+40 added−20 removed

Colors

+12 added5 unchanged

Typography

+8 added15 unchanged

+"Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif|16px|400Graphik Web 16px / 400

+"Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif|13px|500Graphik Web 13px / 500

+"Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif|13px|400Graphik Web 13px / 400

+"Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif|24px|400Graphik Web 24px / 400

+"Means Web", Georgia, Times, "Times New Roman", serif|46.08px|400Means Web 46.08px / 400

+"Graphik Web", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif|24px|500Graphik Web 24px / 500

Spacing

+16 added−4 removed16 unchanged

+.15emSpace .15em

+.4375remSpace .4375rem

+.4375emSpace .4375em

+5px5px

+8px8px

+10px10px

+12px12px

Border Radius

−8 removed16 unchanged

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

−1.25remRadius 1.25rem

−2.75remRadius 2.75rem

−6.25remRadius 6.25rem

−.125remRadius .125rem

−.625remRadius .625rem

−1.875remRadius 1.875rem

−

Shadows

+4 added−8 removed8 unchanged

+0 0 0 calc(3.25*.0625rem)rgba(255,224,27,.65)Shadow 2

+0 0 0 calc(1*.0625rem)#231e15Shadow 3

+0 0 0 calc(1*.0625rem)#231e15,0 .375em0 0 #231e15Shadow 4

+0 0 0 calc(1*.0625rem)#231e15,0 calc(3.25*.0625rem)0 0 #231e15Shadow 5

−0 0 0 calc(3.25*.0625rem)var(--link-background-hovered)Shadow 2

−0 0 0 var(--cta-stroke-width,0)var(--cta-stroke-color)Shadow 3

−0 0 0 var(--cta-stroke-width,0)var(--cta-stroke-color),0 var(--animation-depth,.375em)0 0 var(--cta-depth-color)

Back to mailchimp.com archive