Design token diff
Showing changes between two snapshots of hetzner.com
+54 added−52 removedpw@1.58.2
Colors
+21 added−19 removed18 unchangedTypography
+7 added−7 removed16 unchanged+Montserrat, sans-serif|.80375rem|600Montserrat
+Montserrat, sans-serif|2.625rem|600Montserrat 2
+Montserrat, sans-serif|.804rem|600Montserrat 4
+Montserrat, sans-serif|.6rem|600Montserrat 5
+Montserrat, sans-serif|16px|600Montserrat 16px / 600
+Montserrat, sans-serif|18.72px|600Montserrat 18.72px / 600
+Montserrat, sans-serif|18px|600
Spacing
+6 added−6 removed26 unchanged+.125remSpace .125rem
+.1875emSpace .1875em
+.1875remSpace .1875rem
+.2142857145emSpace .2142857145em
+.255emSpace .255em
+.375remSpace .375rem
−.35emSpace .35em
Border Radius
+10 added−10 removed6 unchanged+.25remRadius .25rem
+0.375remRadius 0.375rem
+2emRadius 2em
+1remRadius 1rem
+0Radius 0
+inheritRadius inherit
+.375remRadius .375rem
Shadows
+10 added−10 removed2 unchanged+0 0 0 .25rem rgba(51,122,183,.25)Shadow 1
+0 0 0 #555Shadow 2
+0 0 0 1px #fff,0 0 0 .25rem rgba(51,122,183,.25)Shadow 3
+0 0 0 .25rem rgba(92,184,92,.25)Shadow 4
+0 0 0 .25rem rgba(217,83,79,.25)Shadow 5
+0 0 0 0.25rem rgba(51,122,183,.25)Shadow 6
+0 0.5rem 1rem rgba(0,0,0,.15)--bs-box-shadow
Montserrat 18px / 600
−Montserrat, sans-serif|.80375rem|500Montserrat
−Montserrat, sans-serif|2.625rem|500Montserrat 2
−Montserrat, sans-serif|.804rem|500Montserrat 4
−Montserrat, sans-serif|.6rem|500Montserrat 5
−Montserrat, sans-serif|16px|500Montserrat 16px / 500
−Montserrat, sans-serif|18.72px|500Montserrat 18.72px / 500
−Montserrat, sans-serif|18px|500Montserrat 18px / 500
−
.5em
Space .5em
+
0.25rem
Radius 0.25rem
−4px 4px 0 0Radius 4px 4px 0 0
−5px 5px 0 0Radius 5px 5px 0 0
−4px 0 0 4pxRadius 4px 0 0 4px
−0 4px 4px 0Radius 0 4px 4px 0
−12px 0 0 12pxRadius 12px 0 0 12px
+0 0.125rem 0.25rem rgba(0,0,0,.075)--bs-box-shadow-sm
+0 1rem 3rem rgba(0,0,0,.175)--bs-box-shadow-lg
+0 3px 9px rgba(0,0,0,.5)Shadow 12
−inset 0 -1px 0 rgba(0,0,0,.25)Shadow 1
−inset 0 1px 1px rgba(0,0,0,.075)Shadow 2
−inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)Shadow 3
−inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168Shadow 4
−inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16bShadow 5
−inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483Shadow 6
−inset 0 3px 5px rgba(0,0,0,.125)Shadow 7
−inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)Shadow 10
−inset 0 1px 2px rgba(0,0,0,.1)Shadow 11
−inset 0 -1px 0 rgba(0,0,0,.15)Shadow 12