# Gradient Mesh Hero: motion graphics style

> A soft, fluid mesh of peach, pink, violet, cyan and yellow color fields flows and folds behind a crisp hero headline and buttons. Fine grain keeps it silky: the modern SaaS landing-page hero look.

- Category: [Sci-fi UI & Modern Web](https://aimotions.art/category/sci-fi-ui-modern-web/)
- Also known as: gradient mesh, mesh gradient animation, animated gradient background, fluid gradient, saas hero, grainy gradient, aurora gradient web
- Demo built with: WebGL · Energy: Calm · Background: Light bg
- Live demo: https://aimotions.art/styles/gradient-mesh/
- Spanish version: https://aimotions.art/es/estilos/gradient-mesh/

## Prompt (replace [TEXT] with your text)

```text
Design a modern landing-page hero around the word [TEXT]. The background is a full-bleed animated mesh gradient: five or six large, soft color fields (peach, hot pink, violet, sky cyan, butter yellow, a touch of mint) that drift, swirl and fold into each other continuously, with a faint diagonal sheen and very fine grain so the color never bands. On top, keep everything crisp: a slim navigation bar with a small round logo, three links and a dark pill button; a small translucent "new" announcement pill; [TEXT] as a huge near-black grotesque headline with tight tracking; a short gray subline and two buttons, one dark and one frosted white. Elements fade up in a quick stagger; the gradient never stops moving.
```

## Visual DNA

- Large smooth color blobs blended into one continuously flowing mesh
- Gentle domain-warped folds and a soft diagonal sheen
- Fine animated grain that removes banding
- Crisp near-black headline in a grotesque with tight tracking
- Minimal hero chrome: nav, announcement pill, subline, two buttons

The prompts are free to copy, adapt and use in personal and commercial projects, with no credit required. Republishing the collection or a substantial part of it (for example as another library or a dataset) requires written permission.

How to cite: Gradient Mesh Hero, aimotions, https://aimotions.art/styles/gradient-mesh/