Design token diff
Showing changes between two snapshots of calendly.com
+81 added−77 removedpw@1.58.2
Colors
+30 added−22 removed7 unchangedTypography
+17 added−23 removed+Geist, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|16px|400Geist 16px / 400
+Geist, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|14px|500Geist 14px / 500
+Geist, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|12px|500Geist 12px / 500
+"Calendly Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|20px|500Calendly Sans 20px / 500
+Geist, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|14px|400Geist 14px / 400
+"Calendly Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|16px|500Calendly Sans 16px / 500
+
Spacing
+14 added−12 removed18 unchanged+.125remSpace .125rem
+.35remSpace .35rem
+.375remSpace .375rem
+.5remSpace .5rem
+.75remSpace .75rem
+1.5px1.5px
+5pxSpace 5px
+
Border Radius
+8 added−8 removed8 unchanged+calc(calc(.25rem*8)/2)Radius calc calc .25rem 8 2
+calc(.25rem*6)Radius calc .25rem 6
+1.5remRadius 1.5rem
+20pxRadius 20px
+calc(.25rem*2)Radius calc .25rem 2
+calc(.25rem*2.5)Radius calc .25rem 2.5
+.375remRadius .375rem
Shadows
+12 added−12 removed+0 4px 5px #5f6d770a,0 8px 15px #5f6d7708,0 30px 50px #5f6d7714--var-shadow-ui-xl
+0 0 0 4px #6bb1ff4dShadow 2
+0 2px 10px #ff0Shadow 3
+0 4px 5px #5f6d770a,0 6px 10px #5f6d770d--var-shadow-ui-sm
+0 4px 5px #5f6d770a,0 4px 10px #5f6d7708,0 10px 20px #5f6d770d--var-shadow-ui-md
+0 4px 5px #5f6d770a,0 8px 15px #5f6d7708,0 15px 30px #5f6d770f--var-shadow-ui-lg
+0 4px 5px #5f6d770a,0 10px 15px #5f6d770a,0 40px 50px #5f6d771a--var-shadow-ui-2xl
"Wulkan Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|28px|500
Wulkan Text 28px / 500
+Geist, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|16px|500Geist 16px / 500
+Geist, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|36px|500Geist 36px / 500
+"Calendly Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|28px|500Calendly Sans 28px / 500
+"Wulkan Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|48px|500Wulkan Text 48px / 500
+"Calendly Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|36px|500Calendly Sans 36px / 500
+Geist, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|18px|400Geist 18px / 400
+Geist, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|12px|600Geist 12px / 600
+"Calendly Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|60px|500Calendly Sans 60px / 500
+"Calendly Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|72px|500Calendly Sans 72px / 500
+Geist, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif|12px|400Geist 12px / 400
−'gilroy', 'gilroy Fallback'|0.875rem|600Gilroy
−'gilroy', 'gilroy Fallback'|1.125rem|600Gilroy 3
−'gilroy', 'gilroy Fallback'|0.75rem|500Gilroy 4
−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|700gilroy 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
7px
Space 7px
−.857143emSpace .857143em
−.888889emSpace .888889em
+
calc(.25rem*8)
Radius calc .25rem 8
−0 0 12px 12pxRadius 0 0 12px 12px
−0 16px 0 8pxRadius 0 16px 0 8px
+0 4px 5px #0b0d0f33,0 6px 10px #0b0d0f33--var-shadow-ui-dark-sm
+0 4px 5px #0b0d0f33,0 4px 10px #0b0d0f33,0 10px 20px #0b0d0f33--var-shadow-ui-dark-md
+0 4px 5px #0b0d0f33,0 8px 15px #0b0d0f33,0 15px 30px #0b0d0f33--var-shadow-ui-dark-lg
+0 4px 5px #0b0d0f33,0 8px 15px #0b0d0f33,0 30px 50px #0b0d0f33--var-shadow-ui-dark-xl
+0 4px 5px #0b0d0f33,0 10px 15px #0b0d0f33,0 40px 50px #0b0d0f33--var-shadow-ui-dark-2xl
−0 0 0 4px #006bff3dShadow 1
−0px 4px 5px 0px #4767880A,0px 8px 15px 0px #47678808,0px 30px 50px 0px #47678814Shadow 2
−0 0 0 1px rgba(0, 107, 255, 0.16)Shadow 3
−0 0 0 4px rgba(0, 107, 255, 0.24)Shadow 4
−inset 0px 0px 8px rgba(184, 220, 255, 0.75)Shadow 5
−inset 0px 0px 8px 0px rgba(140, 198, 253, 1)Shadow 6
−0px 4px 4px rgba(0, 0, 0, 0.04)Shadow 7
−0px 4px 5px 0px #4767880A,0px 8px 15px 0px #47678808,0px 15px 30px 0px #4767880FShadow 8
−0px 4px 5px 0px #4767880A,0px 10px 15px 0px #4767880A,0px 40px 50px 0px #4767881AShadow 9
−0px 4px 5px 0px #4767880A,0px 4px 10px 0px #47678808,0px 10px 20px 0px #4767880DShadow 10
−0px 4px 5px 0px #4767880A,0px 6px 10px 0px #4767880DShadow 11
−0 0 0 1px #006bff29Shadow 12