Design token diff
Showing changes between two snapshots of newmuseum.org
Typography
+10 added7 unchanged+__akkurat_4a8bdc, __akkurat_Fallback_4a8bdc, "Helvetica Neue", Helvetica, sans-serif|16px|400__akkurat_4a8bdc 16px / 400
+__akkurat_4a8bdc, __akkurat_Fallback_4a8bdc, "Helvetica Neue", Helvetica, sans-serif|21.6568px|400__akkurat_4a8bdc 21.6568px / 400
+Akkurat, "Helvetica Neue", Helvetica, sans-serif|16px|400Akkurat 16px / 400
+__akkurat_4a8bdc, __akkurat_Fallback_4a8bdc, "Helvetica Neue", Helvetica, sans-serif|21.6568px|700__akkurat_4a8bdc 21.6568px / 700
+__neographik_0c9254, __neographik_Fallback_0c9254, "Helvetica Neue", Helvetica, sans-serif|68.2537px|400__neographik_0c9254 68.2537px / 400
+__akkurat_4a8bdc, __akkurat_Fallback_4a8bdc, "Helvetica Neue", Helvetica, sans-serif|14px|400__akkurat_4a8bdc 14px / 400
Spacing
+15 added−3 removed17 unchanged+9pxSpace 9px
+9.038pxSpace 9.038px
+10pxSpace 10px
+12px12px
+16px16px
+18px18px
+20px20px
+
Border Radius
+5 added−13 removed11 unchanged+4pxRadius 4px
+calc(13px * 2)Radius calc 13px 2
+calc(5px / 2)Radius calc 5px 2
+5pxRadius 5px
+calc(8px - 1px)Radius calc 8px 1px
−var(--plyr-border-radius,10px)Radius var plyr border radius 10px
−var(--plyr-badge-border-radius,2px)Radius var plyr badge border radius 2px
Shadows
+5 added−8 removed3 unchanged+0 1px 2px rgba(0,0,0,.15)Shadow 1
+0 1px 0 #fffShadow 2
+0 1px 1px rgba(35,40,47,.15,0 0 0 1px rgba(35,40,47,.2) )Shadow 3
+0 1px 1px rgba(35,40,47,.15,0 0 0 1px rgba(35,40,47,.2) ),0 0 0 3px rgba(35,40,47,.1)Shadow 4
+0 1px 1px rgba(35,40,47,.15,0 0 0 1px rgba(35,40,47,.2) ),0 0 0 3px hsla(0,0%,100%,.5)Shadow 5
−var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15))Shadow 1
−0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff)
+__neographik_0c9254, __neographik_Fallback_0c9254, "Helvetica Neue", Helvetica, sans-serif|21.2976px|400__neographik_0c9254 21.2976px / 400
+__akkurat_4a8bdc, __akkurat_Fallback_4a8bdc, "Helvetica Neue", Helvetica, sans-serif|22px|400__akkurat_4a8bdc 22px / 400
+__akkurat_4a8bdc, __akkurat_Fallback_4a8bdc, "Helvetica Neue", Helvetica, sans-serif|21.6568px|900__akkurat_4a8bdc 21.6568px / 900
+__neographik_0c9254, __neographik_Fallback_0c9254, "Helvetica Neue", Helvetica, sans-serif|14px|400__neographik_0c9254 14px / 400
21.6568px
21.6568px
−calc(0px - var(--swiper-navigation-size)Space calc 0px var swiper navigation size
−var(--plyr-control-radius,4px)Radius var plyr control radius 4px
−var(--plyr-menu-radius,8px)Radius var plyr menu radius 8px
−calc(var(--plyr-range-thumb-height, 13px) * 2)Radius calc var plyr range thumb height 13px 2
−calc(var(--plyr-range-track-height, 5px) / 2)Radius calc var plyr range track height 5px 2
−var(--plyr-time-radius,5px)Radius var plyr time radius 5px
−var(--plyr-tooltip-radius,5px)Radius var plyr tooltip radius 5px
−calc(var(--plyr-menu-radius, 8px) - 1px)Radius calc var plyr menu radius 8px 1px
−var(--plyr-live-button-border-radius,2px)Radius var plyr live button border radius 2px
Shadow 2
−var(
--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)
)Shadow 3
−var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15))Shadow 4
−var(
--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)
),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))Shadow 5
−var(
--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)
),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))Shadow 6
−var(--cue-box-shadow)Shadow 10
−var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)Shadow 11