Design token diff
Showing changes between two snapshots of hetzner.com
Colors
+15 added−7 removed22 unchangedTypography
+9 added−8 removed14 unchanged+Inter, sans-serif|10px|600Inter 10
+Inter, sans-serif|16px|400Inter 16px / 400
+Montserrat, sans-serif|16px|500Montserrat 16px / 500
+Inter, sans-serif|19.2px|500Inter 19.2px / 500
+Inter, sans-serif|16px|500Inter 16px / 500
+Inter, sans-serif|14px|400Inter 14px / 400
+Montserrat, sans-serif|18.72px|500Montserrat 18.72px / 500
Spacing
+10 added−10 removed22 unchanged+15px15px
+15.5376px15.5376px
+16px16px
+20px20px
+24px24px
+55px55px
+60px60px
+
Border Radius
+1 added−9 removed15 unchanged+.1emRadius .1em
−var(--fa-border-radius,.1em)Radius var fa border radius .1em
−30pxRadius 30px
−5pxRadius 5px
−5px 0 0 5pxRadius 5px 0 0 5px
−0 0 3px 3pxRadius 0 0 3px 3px
−2px 0 0 2pxRadius 2px 0 0 2px
Shadows
−12 removed12 unchanged−0 1px 1px rgba(0,0,0,.05)Shadow 13
−inset 0 1px 1px rgba(0,0,0,.05)Shadow 14
−0 1px 0 #fffShadow 15
−0 3px 9px rgba(0,0,0,.5)Shadow 16
−0 5px 15px rgba(0,0,0,.5)Shadow 17
−0 5px 10px rgba(0,0,0,.2)Shadow 18
−0 1px 2px rgba(0,0,0,.6)Shadow 19
+Montserrat, sans-serif|18px|500Montserrat 18px / 500
+Inter, sans-serif|12.8px|400Inter 12.8px / 400
−monospace, monospace|1em|400Code
−Helvetica Neue, Helvetica, Arial, sans-serif|14px|400Popover
−inherit|inherit|400Button
−Helvetica Neue, Helvetica, Arial, sans-serif|12px|400Tooltip
−sans-serif|100%|400Select2 Container Select2
−arial|15px|400Daterangepicker
−Arial, sans-serif|12px|400Irs
−Roboto, sans-serif|1rem|500Text Link
70px
70px
−calc(0px - var(--swiper-navigation-size)Space calc 0px var swiper navigation size
−var(--fa-border-padding,.2em .25em .15em)Space var fa border padding .2em .25em .15em
−var(--fa-pull-margin,.3em)Space var fa pull margin .3em
−var(--plyr-range-track-height, 5px)Space var plyr range track height 5px
−calc(var(--plyr-range-track-height, 5px)Space calc var plyr range track height 5px
−var(--swiper-pagination-bullet-vertical-gap,6px)Space var swiper pagination bullet vertical gap 6px
−
inset 0 0 3px #111
Shadow 20
−inset 0 0 1px 1px hsla(0,0%,100%,.5)Shadow 21
−1px 1px 2px rgba(0,0,0,.2),inset 0 0 3px 1px #fffShadow 22
−1px 1px 1px rgba(0,0,0,.1)Shadow 23
−0 1px 3px rgba(0,0,255,.3)Shadow 24