Digital / Web UI
Aurora Gradient
Aurora light से inspired soft atmospheric gradient, जो heavy illustration के बिना depth देता है.
Au
Usage
- Hero backgrounds
- Section bands
- Empty states
Parameters
- color stops
- grain
- contrast
- field scale
- dark base
AI Prompt
Soft flowing color fields, quiet grain, deep negative space और readable contrast वाला aurora gradient background बनाएं.
Tailwind notes
Dark base पर multiple radial gradients और subtle grain pseudo-element जोड़ें.
Performance notes
Large static gradients safe हैं. Low-end devices पर animated blur fields से बचें.
CSS
.aurora-gradient {
background:
radial-gradient(circle at 20% 20%, rgba(46, 255, 190, .42), transparent 32%),
radial-gradient(circle at 74% 34%, rgba(255, 94, 210, .28), transparent 34%),
radial-gradient(circle at 52% 78%, rgba(255, 211, 92, .22), transparent 32%),
#080b0a;
}React example
export function AuroraSection({ children }) {
return <section className="aurora-gradient">{children}</section>;
}