Design token diff
Showing changes between two snapshots of raycast.com
Colors
+20 added−4 removed16 unchangedTypography
+23 added−11 removed1 unchanged+SF Pro|13px|700Sf Pro
+Geist Mono, monospace|10px|500Geist Mono
+Inter, "Inter Fallback", sans-serif|16px|400Inter 16px / 400
+Inter, "Inter Fallback", sans-serif|13px|400Inter 13px / 400
+"SF Pro Text", "SF Pro Icons", Inter, "Inter Fallback"|23.75px|500SF Pro Text 23.75px / 500
+Inter, "Inter Fallback", sans-serif|16px|600Inter 16px / 600
+Inter, "Inter Fallback", sans-serif|32px|400
Spacing
+14 added−2 removed18 unchanged+-2px-2px
+1remSpace 1rem
+2.5px2.5px
+4px 24px4px 24px
+15pxSpace 15px
+15.5px15.5px
+16pxSpace 16px
+
Border Radius
+2 added−13 removed11 unchanged+16pxRadius var rounding lg
+0pxRadius var rounding none
−var(--rounding-normal)Radius var rounding normal
−var(--rounding-lg)Radius var rounding lg
−var(--rounding-md)Radius var rounding md
−var(--rounding-none)Radius var rounding none
−var(--rounding-sm)Radius var rounding sm
Shadows
−4 removed12 unchanged−inset 0 1px 0 0 rgba(255,127,127,.11),0 0 0 1px #833637,inset 0 -1px 0 0 rgba(0,0,0,.2)Shadow 13
−0 0 0 1px #2c1617Shadow 14
−0 0 0 1px #833637,inset 0 1px 0 0 rgba(255,127,127,.11),0 0 0 2px rgba(255,255,255,.25),inset 0 -1px 0 0 rgba(0,0,0,.2)Shadow 15
−0 4px 4px 0 rgba(0,0,0,.25)Shadow 16
Inter 32px / 400
+"SF Pro Text", "SF Pro Icons", Inter, "Inter Fallback"|32px|500SF Pro Text 32px / 500
+Inter, "Inter Fallback", sans-serif|14px|500Inter 14px / 500
+"SF Pro Text", "SF Pro Icons", Inter, "Inter Fallback"|24px|500SF Pro Text 24px / 500
+Inter, "Inter Fallback", sans-serif|16px|500Inter 16px / 500
+"SF Pro Text", "SF Pro Icons", Inter, "Inter Fallback"|16px|500SF Pro Text 16px / 500
+Inter, "Inter Fallback", sans-serif|18px|400Inter 18px / 400
+Inter, "Inter Fallback", sans-serif|24px|500Inter 24px / 500
+Inter, "Inter Fallback", sans-serif|13px|600Inter 13px / 600
+Inter, "Inter Fallback", sans-serif|12px|600Inter 12px / 600
+Inter, "Inter Fallback", sans-serif|20px|500Inter 20px / 500
+Inter, "Inter Fallback", sans-serif|13px|500Inter 13px / 500
+Inter, "Inter Fallback", sans-serif|11px|600Inter 11px / 600
+GeistMono, ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace|12px|400GeistMono 12px / 400
+"SF Pro Text", "SF Pro Icons", Inter, "Inter Fallback"|16px|700SF Pro Text 16px / 700
+Inter, "Inter Fallback", sans-serif|12px|400Inter 12px / 400
+GeistMono, ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace|14px|500GeistMono 14px / 500
−var(--font-geist-mono)|13px|400InstallViaWinget CommandInput GF1up
−var(--font-inter)|18px|500ComingSoon Title FEgOD
−var(--font-geist-mono)|12px|400AIModels Table 0oOp9
−var(--monospace-font)|14px|500SectionTitle Tag 5gcWk
−var(--monospace-font)|13px|500BackupCodesDisplay Code T4CWo
−var(--font-geist-mono)|14px|500Shared DownloadButtonContainer Boi
−var(--font-inter)|14px|500Focus Label Cc5C2
−var(--font-geist-mono)|12px|500Input Error DNdaK
−var(--monospace-font)|12px|400Focus Timer GhT8o
−var(--monospace-font)|.9em|400Page Text 97JqZ
−var(--monospace-font)|13px|400Page ManualEntryCode MlTp1
20px
20px
−var(--rounding-xs)Radius var rounding xs
−12px 0 0 12pxRadius 12px 0 0 12px
−0 12px 12px 0Radius 0 12px 12px 0
−13px 13px 0 0Radius 13px 13px 0 0
−var(--radius)Radius var radius
−calc(var(--radius) - var(--border))Radius calc var radius var border