Design token diff
Showing changes between two snapshots of render.com
+69 added−43 removedpw@1.58.2
Colors
+23 added−17 removed20 unchangedTypography
+14 added−8 removed8 unchanged+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|64px|500PPNeueMontreal 64px / 500
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|32px|500PPNeueMontreal 32px / 500
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|12.5px|400PPNeueMontreal 12.5px / 400
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|79.4312px|500PPNeueMontreal 79.4312px / 500
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|12px|400PPNeueMontreal 12px / 400
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|20px|500PPNeueMontreal 20px / 500
Spacing
+15 added−15 removed17 unchanged+.25emSpace .25em
+.26emSpace .26em
+5.12px5.12px
+6.3545px6.3545px
+7pxSpace 7px
+9pxSpace 9px
+11pxSpace 11px
+
Border Radius
+6 added−3 removed10 unchanged+1.5pxRadius 1.5px
+3pxRadius 3px
+4pxRadius 4px
+7pxRadius 7px
+0pxRadius 0px
+.375remRadius .375rem
−1pxRadius 1px
−
Shadows
+11 added1 unchanged+inset 1px 0 0 #00db7cShadow 1
+inset 1px 0 0 #006d4cShadow 2
+inset 2px 0 #0000Shadow 4
+0 1px 1px color-mix(in srgb, #000 5%, transparent), 0 10px 12px color-mix(in srgb, #000 22%, transparent)Shadow 5
+0 1px 1px color-mix(in srgb, #000 30%, transparent), 0 10px 12px color-mix(in srgb, #000 70%, transparent)Shadow 6
+0 10px 30px -16px color-mix(in srgb, #000 30%, transparent)Shadow 7
+0 10px 30px -16px color-mix(in srgb, #000 80%, transparent)Shadow 8
+
PPNeueMontrealMono, "PPNeueMontrealMono Fallback", monospace|11px|400
PPNeueMontrealMono 11px / 400
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|13px|400PPNeueMontreal 13px / 400
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|13px|500PPNeueMontreal 13px / 500
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|40px|500PPNeueMontreal 40px / 500
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|18px|500PPNeueMontreal 18px / 500
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|14px|400PPNeueMontreal 14px / 400
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|11px|500PPNeueMontreal 11px / 500
+PPNeueMontreal, "PPNeueMontreal Fallback", sans-serif|48px|500PPNeueMontreal 48px / 500
−Roobert, "Roobert Fallback", sans-serif|40px|300Roobert 40px / 300
−Roobert, "Roobert Fallback", sans-serif|80px|300Roobert 80px / 300
−Roobert, "Roobert Fallback", sans-serif|64px|300Roobert 64px / 300
−PPNeueMontrealMono, "PPNeueMontrealMono Fallback", monospace|11px|500PPNeueMontrealMono 11px / 500
−Roobert, "Roobert Fallback", sans-serif|20px|400Roobert 20px / 400
−Roobert, "Roobert Fallback", sans-serif|32px|400Roobert 32px / 400
−PPNeueMontrealMono, "PPNeueMontrealMono Fallback", monospace|14px|500PPNeueMontrealMono 14px / 500
−Roobert, "Roobert Fallback", sans-serif|48px|300Roobert 48px / 300
13px
Space 13px
+calc(16px + 4ch)Space calc 16px 4ch
#0d0d0d
Radius 0d0d0d
+color(srgb 0 0 0 / 0.05) 0px 1px 1px 0px, color(srgb 0 0 0 / 0.22) 0px 10px 12px 0pxshadow-div.platform__at.platform__node
+color(srgb 0.423529 0.207843 0.960784 / 0.34) 0px 0px 0px 1px insetshadow-span.platform__new
+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(227, 227, 227) 0px 0px 0px 1px insetshadow-button.group/arrow.rounded-button
+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.4) 0px 8px 24px -12pxshadow-span#hero-prompt-text.border-border.bg-background-secondary