Gradient Mesh / Aurora Evolved
Gradient Mesh / Aurora Evolved — Design general com complex gradients, mesh gradients, multi-color blend. Template e prompt pronto para IA.
Uso: Landing pages, SaaS
Contexto Histórico
Estilo Gradient Mesh / Aurora Evolved representa uma tendência moderna em design UI/UX web com foco em general.
Quando Usar
When your product needs to signal sophistication without relying on illustration or photography. AI products love these because they suggest intelligence without being literal. Premium SaaS uses them to differentiate hero sections that would otherwise be generic. Creative tools lean on them for brand identity — they say 'we understand aesthetics' without a single word. Skip them for utilitarian interfaces, dense data products, or anything where the gradient would compete with content rather than elevate it.
Princípios de Design
- Anchor in one dominant hue, let secondary colors orbit — never give three colors equal weight or you get mud
- Animate at glacial speed. If a user can consciously track the movement, it's too fast. Think 20-60 second loops minimum
- Use oklab or oklch color spaces for interpolation — sRGB creates dead gray zones between complementary colors
- Constrain the mesh to backgrounds and large surfaces. The moment you put a mesh gradient on a card or button, you've lost the plot
- Pair with high-contrast typography and generous whitespace. The gradient is the quiet part — text is the loud part
Especificações Técnicas
Cores
Primárias
Efeitos
CSS mesh-gradient (experimental), SVG gradients, canvas gradients, smooth color morphing, flowing animation
Light/Dark
✓ Full / ✓ Full
Relacionados
Última sincronização: 01/04/2026