Design token diff
Showing changes between two snapshots of intercom.com
Colors
+36 added−8 removed19 unchangedTypography
+19 added−6 removed+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|400
Spacing
+15 added−3 removed17 unchanged+1emSpace 1em
+1.25emSpace 1.25em
+1.5emSpace 1.5em
+11pxSpace 11px
+16px16px
+18pxSpace 18px
+32px32px
+
Border Radius
+7 added−15 removed9 unchanged+1pxRadius 1px
+2pxRadius 2px
+4pxRadius 4px
+9999pxRadius 9999px
+#111Radius 111
+#fffRadius fff
+#000Radius 000
−
Shadows
+3 added−3 removed+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
+rgba(0, 0, 0, 0.2) 0px 0px 18px 0pxshadow-div#onetrust-banner-sdk.otFloatingRounded.ot-bottom-left
−var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)Shadow 1
−0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)Shadow 2
−0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)Shadow 3
Saans 40px / 400
+Saans, "Saans Fallback", ui-sans-serif, system-ui, sans-serif|54px|400Saans 54px / 400
+LLMedium, sans-serif|16px|400LLMedium 16px / 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
+LLMedium, sans-serif|16px|700LLMedium 16px / 700
+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
+LLMedium, sans-serif|14px|400LLMedium 14px / 400
+LLMedium, sans-serif|14px|700LLMedium 14px / 700
−var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)|1em|400Code
−var(--font-mono)|var(--text-label-lg-mobile)|var(--tw-font-weight,var(--text-label-lg-mobile--font-weight))Md Text Label
−var(--font-serif)|var(--text-body-lg-mobile)|var(--font-weight-light)P Text Body
−var(--font-sans)|var(--text-sm)|400Checkbox Label
−var(--font-sans)|var(--text-body-mobile)|var(--font-weight-light)Intercom Label
−var(--wsc-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)|1em|400Is Shared Header
40px
40px
var(--button-radius)
Radius var button radius
−3.40282e+38pxRadius 3.40282e 38px
−var(--radius-lg)Radius var radius lg
−var(--radius-md)Radius var radius md
−var(--radius-sm)Radius var radius sm
−var(--radius-xl)Radius var radius xl
−var(--radius-xs)Radius var radius xs
−var(--wsc-radius-lg)Radius var wsc radius lg
−var(--wsc-radius-md)Radius var wsc radius md
−var(--wsc-radius-sm)Radius var wsc radius sm
−var(--color-off-black)Radius var color off black
−var(--color-white)Radius var color white
−var(--color-black)Radius var color black
−transparentRadius transparent