Design token diff
Showing changes between two snapshots of slack.com
Colors
+27 added−1 removed2 unchangedTypography
+24 added−12 removed+inherit!important|inherit|inheritInherit!important
+Slack-Lato, appleLogo, sans-serif|.8125rem|400Slack-lato
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|16px|400Salesforce-Sans 16px / 400
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|14px|400Salesforce-Sans 14px / 400
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|18px|400Salesforce-Sans 18px / 400
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|14px|700
Spacing
+15 added−3 removed17 unchanged+.45remSpace .45rem
+7pxSpace 7px
+7.6pxSpace 7.6px
+8px8px
+10px10px
+12px12px
+16px16px
+
Border Radius
−8 removed16 unchanged−12pxRadius 12px
−500pxRadius 500px
−230pxRadius 230px
−100%Radius 100%
−.125remRadius .125rem
−20pxRadius 20px
−5pxRadius 5px
−60px
Shadows
−4 removed12 unchanged−inset 0 0 0 1px #dbd9dbShadow 13
−inset 0 0 0 2px #dbd9dbShadow 14
−0 .5rem 2rem #0000001aShadow 15
−0 -4px 4px #0000000aShadow 16
Salesforce-Sans 14px / 700
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|16px|700Salesforce-Sans 16px / 700
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|24px|600Salesforce-Avant-Garde 24px / 600
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|15px|700Salesforce-Sans 15px / 700
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|22px|600Salesforce-Avant-Garde 22px / 600
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|15px|400Salesforce-Sans 15px / 400
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|96px|700Salesforce-Avant-Garde 96px / 700
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|12px|400Salesforce-Sans 12px / 400
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|58px|600Salesforce-Avant-Garde 58px / 600
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|32px|700Salesforce-Avant-Garde 32px / 700
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|50px|700Salesforce-Avant-Garde 50px / 700
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|10.5px|400Salesforce-Sans 10.5px / 400
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|18px|400Salesforce-Avant-Garde 18px / 400
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|21px|400Salesforce-Avant-Garde 21px / 400
+Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|18px|300Salesforce-Sans 18px / 300
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|24px|700Salesforce-Avant-Garde 24px / 700
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|50.4px|700Salesforce-Avant-Garde 50.4px / 700
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|24px|400Salesforce-Avant-Garde 24px / 400
+Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|16px|400Salesforce-Avant-Garde 16px / 400
−var(--font-family-monospace)|14px|400Body Notifications Before
−var(--font-family-monospace)|1em|400Code
−var(--font-family-heading)|clamp(2rem,2.88462vw + 1.27885rem,3.125rem)|700H1
−var(--font-family-heading)|clamp(2rem,.961539vw + 1.75962rem,2.375rem)|700Not Lang En
−var(--font-family-heading)|clamp(2rem,1.92308vw + 1.51923rem,2.75rem)|400Lang Zh TW
−var(--font-family-heading)|clamp(1.75rem,.641026vw + 1.58974rem,2rem)|700H2
−var(--font-family-heading)|clamp(1.5rem,.641026vw + 1.33974rem,1.75rem)|700Not Lang En 2
−var(--font-family-heading)|clamp(1.5rem,1.28205vw + 1.17949rem,2rem)|400Lang Zh TW 2
−var(--font-family-heading)|clamp(1.625rem,.961539vw + 1.38462rem,2rem)|400Lang Ru H2
−var(--font-family-heading)|1.5rem|700H3
−var(--font-family-heading)|1.25rem|700Not Lang En 3
−var(--font-family-heading)|clamp(3.125rem,2.24359vw + 2.5641rem,4rem)|700O Hero Header
20px
20px
Radius 60px