Design token diff
Showing changes between two snapshots of fly.io
Typography
+17 added4 unchanged+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|16px|325Fricolage Grotesque 16px / 325
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|14.5px|450Fricolage Grotesque 14.5px / 450
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|15.5px|450Fricolage Grotesque 15.5px / 450
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|19px|450Fricolage Grotesque 19px / 450
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|16px|450Fricolage Grotesque 16px / 450
+
Spacing
+24 added−12 removed8 unchanged+0.2857143emSpace 0.2857143em
+.325remSpace .325rem
+0.33remSpace 0.33rem
+0.3571429emSpace 0.3571429em
+0.375emSpace 0.375em
+0.375remSpace 0.375rem
+0.4285714emSpace 0.4285714em
Border Radius
−8 removed16 unchanged−0.75remRadius 0.75rem
−0.375remRadius 0.375rem
−0.3125remRadius 0.3125rem
−0.25remRadius 0.25rem
−1remRadius 1rem
−10pxRadius 10px
−inheritRadius inherit
−
Shadows
−4 removed12 unchanged−var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)Shadow 13
−0 0 0 1px var(--tw-ring-color), 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)Shadow 14
−var(--btn-inner-shadow), var(--btn-shadow)Shadow 15
−var(--btn-inner-shadow-active), var(--btn-shadow-active)Shadow 16
"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|14.5px|500
Fricolage Grotesque 14.5px / 500
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|14.5px|325Fricolage Grotesque 14.5px / 325
+Mackinac, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif|36px|500Mackinac 36px / 500
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|19px|325Fricolage Grotesque 19px / 325
+Mackinac, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif|64px|500Mackinac 64px / 500
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|12px|575Fricolage Grotesque 12px / 575
+Mackinac, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif|22px|500Mackinac 22px / 500
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|17px|325Fricolage Grotesque 17px / 325
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|12px|500Fricolage Grotesque 12px / 500
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|18px|325Fricolage Grotesque 18px / 325
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|14.5px|575Fricolage Grotesque 14.5px / 575
+"Fricolage Grotesque", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|12px|325Fricolage Grotesque 12px / 325
+
0.4444444em
Space 0.4444444em
−calc(-0.25rem * var(--tw-space-x-reverse)Space calc 0.25rem var tw space x reverse
−calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)Space calc 0.25rem calc 1 var tw space x reverse
−calc(-1px * var(--tw-space-x-reverse)Space calc 1px var tw space x reverse
−calc(-1px * calc(1 - var(--tw-space-x-reverse)Space calc 1px calc 1 var tw space x reverse
−calc(0px * calc(1 - var(--tw-space-y-reverse)Space calc 0px calc 1 var tw space y reverse
−calc(0px * var(--tw-space-y-reverse)Space calc 0px var tw space y reverse
−calc(0px * var(--tw-space-x-reverse)Space calc 0px var tw space x reverse
−calc(0px * calc(1 - var(--tw-space-x-reverse)Space calc 0px calc 1 var tw space x reverse
−calc(0.125rem * calc(1 - var(--tw-space-y-reverse)Space calc 0.125rem calc 1 var tw space y reverse
−calc(0.125rem * var(--tw-space-y-reverse)Space calc 0.125rem var tw space y reverse
50%
Radius 50%