Design token diff

Showing changes between two snapshots of render.com

Before

Apr 10, 2026

View snapshot

After

Apr 30, 2026

View snapshot

Before

Apr 10, 2026

After

Apr 30, 2026

+50 added17 removed

Colors

+12 added2 removed25 unchanged

Typography

+16 added5 removed
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|16px|400PPNeueMontreal 16px / 400
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|18px|400PPNeueMontreal 18px / 400
+Roobert, "Roobert Fallback", sans-serif|40px|300Roobert 40px / 300
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|20px|400PPNeueMontreal 20px / 400
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|14px|500PPNeueMontreal 14px / 500
+Roobert, "Roobert Fallback", sans-serif|20px|400Roobert 20px / 400
+Roobert, "Roobert Fallback", sans-serif|80px|300Roobert 80px / 300
+Roobert, "Roobert Fallback", sans-serif|64px|300Roobert 64px / 300
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|16px|500PPNeueMontreal 16px / 500
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|24px|400PPNeueMontreal 24px / 400
+PPNeueMontrealMono, "PPNeueMontrealMono Fallback", monospace|11px|500PPNeueMontrealMono 11px / 500
+Roobert, "Roobert Fallback", sans-serif|32px|400Roobert 32px / 400
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|12px|500PPNeueMontreal 12px / 500
+PPNeueMontrealMono, "PPNeueMontrealMono Fallback", monospace|14px|500PPNeueMontrealMono 14px / 500
+PPNeueMontrealMono, "PPNeueMontrealMono Fallback", monospace|12px|400PPNeueMontrealMono 12px / 400
+Roobert, "Roobert Fallback", sans-serif|48px|300Roobert 48px / 300
var(--font-neue-montreal-mono), monospace|1em|400Code
var(--font-neue-montreal-mono), monospace|.875rem|400Prose Docs Code
var(--font-neue-montreal-mono)|14px|400Docs Table Th
var(--font-neue-montreal), sans-serif|18px|600Render Number List
var(--font-neue-montreal-mono)|1rem|400Code Class Language

Spacing

+20 added8 removed12 unchanged
+-2px-2px
+-1px-1px
+1emSpace 1em
+16pxSpace 16px
+17pxSpace 17px
+18pxSpace 18px
+20pxSpace 20px
+23px23px
+24pxSpace 24px
+25pxSpace 25px
+26pxSpace 26px
+28pxSpace 28px
+30px30px
+32px32px
+36px36px
+40px40px
+50px50px
+60px60px
+80px80px
+160px160px
calc(4px * calc(1 - var(--tw-space-y-reverse)Space calc 4px calc 1 var tw space y reverse
calc(4px * var(--tw-space-y-reverse)Space calc 4px var tw space y reverse
calc(5px * calc(1 - var(--tw-space-y-reverse)Space calc 5px calc 1 var tw space y reverse
calc(5px * var(--tw-space-y-reverse)Space calc 5px var tw space y reverse
calc(8px * calc(1 - var(--tw-space-y-reverse)Space calc 8px calc 1 var tw space y reverse
calc(8px * var(--tw-space-y-reverse)Space calc 8px var tw space y reverse
calc(12px * calc(1 - var(--tw-space-y-reverse)Space calc 12px calc 1 var tw space y reverse
calc(12px * var(--tw-space-y-reverse)Space calc 12px var tw space y reverse

Border Radius

+2 added2 removed11 unchanged
+#0d0d0dRadius 0d0d0d
+#ffffffRadius ffffff
var(--color-gray-900)Radius var color gray 900
var(--color-white)Radius var color white

Shadows

3 unchanged