Design token diff
Showing changes between two snapshots of lapa.ninja
Colors
+22 added−22 removed32 unchangedTypography
+19 added−19 removed5 unchanged+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|16px|400inter 16px / 400
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|16px|600inter 16px / 600
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|12px|500inter 12px / 500
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|14px|500inter 14px / 500
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|14px|400inter 14px / 400
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|18px|500
Spacing
+2 added−2 removed30 unchanged+9px9px
+-6px-6px
−0Space 0
−calc(var(--spacing-1)Space calc var spacing 1
Border Radius
+7 added−8 removed8 unchanged+1remRadius 1rem
+1.5remRadius 1.5rem
+6px6px
+3.35544e+07px3.35544e+07px
+8px8px
+14px14px
+20px20px
−
Shadows
+1 added−1 removed11 unchanged+0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)Shadow 12
−var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)Shadow 1
inter 18px / 500
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|14px|600inter 14px / 600
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|16px|500inter 16px / 500
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|12px|700inter 12px / 700
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|18px|600inter 18px / 600
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|20px|700inter 20px / 700
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|36px|700inter 36px / 700
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|18px|400inter 18px / 400
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|16px|700inter 16px / 700
+Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif|16px|400Inter 16px / 400
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|48px|700inter 48px / 700
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|30px|700inter 30px / 700
+inter, -apple-system, BlinkMacSystemFont, "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|12px|400inter 12px / 400
+"Open Sans"|16px|400Open Sans 16px / 400
−var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)|1em|400Code
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|16px|400inter 16px / 400
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|16px|600inter 16px / 600
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|12px|500inter 12px / 500
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|14px|500inter 14px / 500
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|14px|400inter 14px / 400
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|18px|500inter 18px / 500
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|14px|600inter 14px / 600
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|16px|500inter 16px / 500
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|12px|700inter 12px / 700
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|18px|600inter 18px / 600
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|20px|700inter 20px / 700
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|36px|700inter 36px / 700
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|18px|400inter 18px / 400
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|16px|700inter 16px / 700
−Inter, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif|16px|400Inter 16px / 400
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|48px|700inter 48px / 700
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|30px|700inter 30px / 700
−inter, -apple-system, "system-ui", "segoe ui", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif|12px|400inter 12px / 400
var(--radius-2xl)
Radius var radius 2xl
−var(--radius-3xl)Radius var radius 3xl
−var(--radius-button)Radius var radius button
−3.40282e38pxRadius 3.40282e38px
−var(--radius-lg)Radius var radius lg
−var(--radius-md)Radius var radius md
−var(--radius-sm)Radius var radius sm
−var(--radius-xl)Radius var radius xl