Design token diff
Showing changes between two snapshots of linear.app
+50 added−52 removedpw@1.58.2
Colors
+15 added−17 removed36 unchangedTypography
+6 added−6 removed18 unchanged+"Berkeley Mono", ui-monospace, "SF Mono", Menlo, monospace|10px|400Berkeley Mono 10px / 400
+"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|12px|500Inter Variable 12px / 500
+"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|16px|590Inter Variable 16px / 590
+"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|48px|510Inter Variable 48px / 510
+"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|13px|500Inter Variable 13px / 500
Spacing
+11 added−11 removed21 unchanged+1emSpace 1em
+1remSpace 1rem
+9.5pxSpace 9.5px
+18pxSpace 18px
+19px19px
+28px28px
+30px30px
+
Border Radius
+7 added−7 removed9 unchanged+14pxRadius 14px
+12px 12px 0 0Radius 12px 12px 0 0
+1remRadius 1rem
+22pxRadius 22px
+0 0 12px 12pxRadius 0 0 12px 12px
+20pxRadius 20px
+16pxRadius 16px
Shadows
+11 added−11 removed1 unchanged+0 1px #0006Shadow 1
+inset 0 0 0 1px #ffffff08,inset 0 1px #ffffff0a,0 0 0 1px #0009,0 4px 4px #0000001aShadow 2
+0 0 0 1px #00000014, 0px 0px 0px transparentShadow 3
+0 8px 32px #08090aShadow 5
+0 8px 32px #08090a0dShadow 6
+0 9px 48px #00000014,0 6px 24px #0000001a,0 1px 1px #0000000aShadow 7
+0 0 32px #0006,0 0 0 1px #000
+
"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|11px|400
Inter Variable 11px / 400
−"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|10px|510Inter Variable 10px / 510
−"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|12px|590Inter Variable 12px / 590
−"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|18px|400Inter Variable 18px / 400
−"Berkeley Mono", ui-monospace, "SF Mono", Menlo, monospace|14px|400Berkeley Mono 14px / 400
−"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|11px|510Inter Variable 11px / 510
−"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif|20px|400Inter Variable 20px / 400
1319px
1319px
−calc(.5lh - 9px)Space calc .5lh 9px
−
.3em
Radius .3em
Shadow 8
+0 4px 32px #08090a99Shadow 9
+0 0 0 1px #08090a1a,0 0 64px #08090a66Shadow 10
+0 0 0 2px #6d78d526Shadow 11
+0 0 0 3px #5e6ad266Shadow 12
−0 0 4px rgba(0,0,0,.5)Shadow 1
−0 1px 2px rgba(0,0,0,.5)Shadow 2
−0 0 0 2px rgba(0,0,0,.1)Shadow 4
−0 4px 12px rgba(0,0,0,.15)Shadow 5
−0 2px 32px 0 #08090aShadow 6
−0 4px 32px rgba(0,0,0,.2)Shadow 7
−0 1px 0 0 rgba(0,0,0,.4)Shadow 9
−0 4px 32px 0 rgba(8,9,10,.6)Shadow 10
−0 0 0 1px rgba(8,9,10,.1),0 0 64px 0 rgba(8,9,10,.4)Shadow 11
−0 0 0 1px rgba(0,0,0,.33)Shadow 12