Gradients
The signature purple gradient
Primary CTAs use the purple gradient; the hero gradient is the deep-background treatment. Keep overlaid text high-contrast.
Primary CTA gradient
#4F41A6 · 0%#40336E · 100%
linear-gradient(180deg, #4F41A6, #40336E)
Primary CTAs and key brand moments.
Hero / deep background
#6160B0#4F41A6 · 46%#2A2351
linear-gradient(150deg, #6160B0, #4F41A6, #2A2351)
Hero & deep section backgrounds.
Named gradient styles in Figma
Button gradientapp: #1E1843→#645B99GoldOrangeYellow-orangeAlert
The light website hero uses a mesh (.bg-rx-mesh): radial purple + orange + lime washes on white. Pull exact stops from the named styles in Figma.