Design token diff

Showing changes between two snapshots of instagram.com

Before

May 7, 2026

View snapshot

After

Nov 6, 2026

pw@1.58.2

View snapshot

Before

May 7, 2026

After

Nov 6, 2026

+31 added−34 removedpw@1.58.2

Colors

+7 added−8 removed38 unchanged

Typography

+2 added−4 removed3 unchanged

+Optimistic, system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif|15px|500Optimistic 15px / 500

+Optimistic, system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif|17px|600Optimistic 17px / 600

−Optimistic, Helvetica, Arial, sans-serif|15px|500Optimistic 15px / 500

−Optimistic, Helvetica, Arial, sans-serif|17px|600Optimistic 17px / 600

−Optimistic, Helvetica, Arial, sans-serif|13px|400Optimistic 13px / 400

−Optimistic, Helvetica, Arial, sans-serif|13px|700Optimistic 13px / 700

Spacing

+3 added−3 removed29 unchanged

+0remSpace 0rem

+5.4pxSpace 5.4px

+5.5pxSpace 5.5px

−.15emSpace .15em

−9pxSpace 9px

−9.5pxSpace 9.5px

Border Radius

+10 added−10 removed6 unchanged

+16pxRadius 16px

+rgba(255, 255, 255, .1)Radius rgba 255 255 255 .1

+#111112Radius 111112

+#F3F4F5Radius F3F4F5

+#A1A4A8Radius A1A4A8

+#686A6ERadius 686A6E

+#3CBC22Radius 3CBC22

Shadows

+9 added−9 removed3 unchanged

+0 0 8px 2px #63788a,0 0 1px #63788aShadow 1

+0 0 0 4px #d0e6f4Shadow 2

+0 0 8px 2px #4dbba6,0 0 1px #4dbba6Shadow 3

+0 0 0 4px #2d2369,0 0 0 8px #5c3bbf33Shadow 4

+0 0 0 4px #2d2369,0 0 0 12px #5c3bbf33Shadow 5

+0 0 8px 2px #0a78be,0 0 1px #0a78beShadow 6

+0 0 8px 2px #283943,0 0 1px #283943Shadow 7

Back to instagram.com archive