Design token diff
Showing changes between two snapshots of intercom.com
+45 added−64 removedpw@1.58.2
Colors
+18 added−32 removed23 unchangedTypography
+11 added−15 removed4 unchanged+Saans, "Saans Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", ui-sans-serif, system-ui, sans-serif|16px|400Saans 16px / 400
+Saans, "Saans Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", ui-sans-serif, system-ui, sans-serif|14px|400Saans 14px / 400
+SaansMono, "SaansMono Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", ui-monospace, monospace|12px|400SaansMono 12px / 400
+Serrif, "Serrif Fallback", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", ui-serif, Georgia, serif|16px|300Serrif 16px / 300
+Saans, "Saans Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", ui-sans-serif, system-ui, sans-serif|28px|400Saans 28px / 400
Spacing
+7 added−7 removed25 unchanged+.2emSpace .2em
+2pxSpace 2px
+4.48pxSpace 4.48px
+4.667pxSpace 4.667px
+9pxSpace 9px
+calc(100lvh - 100dvh + env(safe-area-inset-bottom,0px)Space calc 100lvh 100dvh env safe area inset bottom 0px
+normal 8pxnormal 8px
Border Radius
+8 added−8 removed8 unchanged+1remRadius 1rem
+3pxRadius 3px
+8pxRadius 8px
+12pxRadius 12px
+14pxRadius 14px
+16pxRadius 16px
+20pxRadius 20px
+
Shadows
+1 added−2 removed1 unchanged+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.75) 0px 9.841px 82.665px 0pxshadow-span.z-1.relative
−0 0 0 1px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(0,0,0,0.5)Shadow 1
−0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cbShadow 2
+
Saans, "Saans Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", ui-sans-serif, system-ui, sans-serif|54px|400
Saans 54px / 400
+SaansMono, "SaansMono Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", ui-monospace, monospace|12px|500SaansMono 12px / 500
+Saans, "Saans Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", ui-sans-serif, system-ui, sans-serif|20px|400Saans 20px / 400
+Saans, "Saans Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", ui-sans-serif, system-ui, sans-serif|80px|400Saans 80px / 400
+Saans, "Saans Fallback", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", ui-sans-serif, system-ui, sans-serif|24px|400Saans 24px / 400
+Serrif, "Serrif Fallback", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", ui-serif, Georgia, serif|40px|300Serrif 40px / 300
−Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|16px|400Saans 16px / 400
−SaansMono, "SaansMono Fallback", ui-monospace, monospace|14px|400SaansMono 14px / 400
−Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|14px|400Saans 14px / 400
−Serrif, "Serrif Fallback", ui-serif, Georgia, serif|16px|300Serrif 16px / 300
−MediumLL, system-ui, -apple-system, sans-serif|16px|400MediumLL 16px / 400
−Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|20px|400Saans 20px / 400
−Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|40px|400Saans 40px / 400
−Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|54px|400Saans 54px / 400
−SaansMono, "SaansMono Fallback", ui-monospace, monospace|12px|500SaansMono 12px / 500
−Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|24px|400Saans 24px / 400
−Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|25.6px|400Saans 25.6px / 400
−SaansMono, "SaansMono Fallback", ui-monospace, monospace|12px|400SaansMono 12px / 400
−Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|32px|400Saans 32px / 400
−MediumLL, system-ui, -apple-system, sans-serif|14px|400MediumLL 14px / 400
−Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|80px|400Saans 80px / 400
−
0.35em
Space 0.35em
100px
Radius 100px