Design token diff
Showing changes between two snapshots of calendly.com
Colors
+16 added−10 removed13 unchangedTypography
+20 added−1 removed3 unchanged+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|400gilroy 16px / 400
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|9.284px|500gilroy 9.284px / 500
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|9.437px|700gilroy 9.437px / 700
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|600gilroy 16px / 600
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|9.682px|700
Spacing
+13 added−3 removed17 unchanged+.888889emSpace .888889em
+15pxSpace 15px
+16pxSpace 16px
+18px18px
+24px24px
+32px32px
+36px36px
+
Border Radius
+3 added−11 removed13 unchanged+.5remRadius .5rem
+.75remRadius .75rem
+9999pxRadius 9999px
−var(--radius-xl,.75rem)Radius var radius xl .75rem
−3.40282e38pxRadius 3.40282e38px
−var(--radius-2xl,1rem)Radius var radius 2xl 1rem
−var(--radius-lg,.5rem)Radius var radius lg .5rem
Shadows
+1 added−5 removed11 unchanged+0 0 0 4px #006bff3dShadow 1
−0 0 0 4px #006BFF3DShadow 1
−var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)Shadow 13
−inset 0 0 0 1px color-mix(in srgb,var(--color-primary-600)16%,transparent)Shadow 14
−0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows)Shadow 15
−0 0 .6px var(--tw-text-shadow-color,currentColor)Shadow 16
gilroy 9.682px / 700
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|18px|600gilroy 18px / 600
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|14px|700gilroy 14px / 700
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|13.652px|600gilroy 13.652px / 600
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|20px|600gilroy 20px / 600
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|700gilroy 16px / 700
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|20px|400gilroy 20px / 400
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|10.409px|700gilroy 10.409px / 700
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|9.682px|500gilroy 9.682px / 500
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|12.34px|600gilroy 12.34px / 600
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|20px|700gilroy 20px / 700
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|13.2157px|500gilroy 13.2157px / 500
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|14px|600gilroy 14px / 600
+gilroy, "gilroy Fallback"|18px|600gilroy 18px / 600
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|28px|600gilroy 28px / 600
+gilroy, "gilroy Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|18px|400gilroy 18px / 400
−var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)|1em|400Code
40px
40px
−calc(var(--spacing,.25rem)Space calc var spacing .25rem
−var(--radius-3xl,1.5rem)Radius var radius 3xl 1.5rem
−0 16px 16pxRadius 0 16px 16px
−var(--radius-md,.375rem)Radius var radius md .375rem