Gradients
The brand gradient sits at the heart of every emotional surface. Use it sparingly. Primary CTAs, the splash, hero invite modals, the Admission Moment.
bg-gradient-brand
Primary brand gradient — sunset → vermilion → magenta.
Hero CTAs, key brand moments, the Admission card.
linear-gradient(135deg, #FF8A3D 0%, #F2452F 55%, #E91E63 100%)bg-gradient-warm
Pastel warm — cream → peach. Editorial backdrop.
Section backgrounds, “real students, real voices” mood.
linear-gradient(180deg, #FDE6DC 0%, #FBEEEA 60%, #F6E2DB 100%)bg-gradient-dark
Near-black with magenta + sunset glows. Splash hero.
Splash screen, dark hero takeovers, admission card backdrop.
radial(magenta) + radial(sunset) + linear(#0F0A14 → #1A0D1F)Text on gradient
Apply text-gradient-brand to any heading to clip the gradient to the text fill. Hero statements lean on this (see Typography page).