Design token diff
Showing changes between two snapshots of arc.net
+84 added−54 removedpw@1.58.2
Colors
+28 added−6 removed28 unchangedTypography
+13 added−15 removed2 unchanged+"ABC Oracle", -apple-system, system-ui, sans-serif|16px|350ABC Oracle 16px / 350
+"ABC Oracle", -apple-system, system-ui, sans-serif|17px|350ABC Oracle 17px / 350
+"ABC Oracle", -apple-system, system-ui, sans-serif|20px|350ABC Oracle 20px / 350
+"ABC Oracle", -apple-system, system-ui, sans-serif|22px|350ABC Oracle 22px / 350
+"ABC Oracle", -apple-system, system-ui, sans-serif|17px|400ABC Oracle 17px / 400
+"ABC Favorit Mono", ui-monospace, "SF Mono", Menlo, monospace|13px|400ABC Favorit Mono 13px / 400
Spacing
+22 added−22 removed10 unchanged+0.2emSpace 0.2em
+2.6pxSpace 2.6px
+2.8pxSpace 2.8px
+3.75pxSpace 3.75px
+4.5pxSpace 4.5px
+4.6pxSpace 4.6px
+5pxSpace 5px
+
Border Radius
+13 added−6 removed3 unchanged+1emRadius 1em
+12pxRadius 12px
+60pxRadius 60px
+6pxRadius 6px
+20pxRadius 20px
+50%Radius 50%
+9pxRadius 9px
+
Shadows
+8 added−5 removed4 unchanged+revertShadow 5
+0 0 0 .5px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04),0 14px 36px rgba(0,0,0,.09)Shadow 6
+0 -8px 28px rgba(0,0,0,.06)Shadow 7
+0 20.34px 49.66px rgba(0,0,0,.27),inset 0 1.5px 0 hsla(0,0%,100%,.5)Shadow 8
+0 20.34px 49.66px rgba(0,0,0,.22),inset 0 0 0 .5px rgba(120,0,20,.12)Shadow 9
+0 1px 3px rgba(120,0,20,.12),0 0 0 .5px rgba(120,0,20,.06)Shadow 10
+0 0 0 .5px rgba(120,0,20,.12),0 1px 4px rgba(120,0,20,.1)
+
"ABC Oracle", -apple-system, system-ui, sans-serif|18px|350
ABC Oracle 18px / 350
+"Exposure VAR", "Iowan Old Style", Georgia, serif|64px|600Exposure VAR 64px / 600
+"ABC Oracle", -apple-system, system-ui, sans-serif|21px|350ABC Oracle 21px / 350
+"ABC Oracle", -apple-system, system-ui, sans-serif|13px|350ABC Oracle 13px / 350
+"Exposure VAR", "Iowan Old Style", Georgia, serif|76px|600Exposure VAR 76px / 600
+"ABC Oracle", -apple-system, system-ui, sans-serif|16px|400ABC Oracle 16px / 400
+"ABC Oracle", -apple-system, system-ui, sans-serif|38px|350ABC Oracle 38px / 350
−"Marlin Soft SQ", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif|16px|700Marlin Soft SQ 16px / 700
−InterVariable, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif|12px|600InterVariable 12px / 600
−"Marlin Soft SQ", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif|14px|500Marlin Soft SQ 14px / 500
−InterVariable, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif|17px|500InterVariable 17px / 500
−"Marlin Soft SQ", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif|28px|700Marlin Soft SQ 28px / 700
−"ABC Favorit Mono", Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace|12px|700ABC Favorit Mono 12px / 700
−"ABC Oracle", Helvetica, sans-serif|20px|400ABC Oracle 20px / 400
−"ABC Oracle", Helvetica, sans-serif|24px|400ABC Oracle 24px / 400
−"Marlin Soft SQ", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif|40px|700Marlin Soft SQ 40px / 700
−InterVariable, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif|17px|700InterVariable 17px / 700
−"ABC Favorit Mono", Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace|12px|400ABC Favorit Mono 12px / 400
−"Marlin Soft SQ", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif|45.51px|700Marlin Soft SQ 45.51px / 700
−Marlin, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif|45.51px|700Marlin 45.51px / 700
−"Exposure VAR", Helvetica, sans-serif|36px|700Exposure VAR 36px / 700
−"Exposure VAR", Helvetica, sans-serif|36px|800Exposure VAR 36px / 800
5.6px
Space 5.6px
1px
Radius 1px
Shadow 11
+inset 0 0 0 .5px rgba(0,0,0,.12)Shadow 12
−0px 4px 11px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03)Shadow 1
−0 5px 10px rgba(0, 0, 0, 0.12)--shadows-small
−0 8px 30px rgba(0, 0, 0, 0.12)--shadows-medium
−rgba(0, 0, 0, 0.1) 0px 5px 5px 0pxshadow-button.c-bCeQxv.c-bCeQxv-jbZBFp-size-large
−rgba(0, 0, 0, 0.25) 0px 2px 8px 0pxshadow-a.c-koCplY