# Hero con degradado de malla: estilo de motion graphics

> Degradado de malla en melocotón, rosa, violeta y cian que fluye tras un titular nítido con grano fino. El título animado de hero de una landing SaaS moderna.

- Categoría: [Interfaz sci-fi y web moderna](https://aimotions.art/es/categoria/interfaz-sci-fi-y-web-moderna/)
- También conocido como: degradado de malla, mesh gradient, fondo degradado animado, degradado fluido, gradiente animado, degradado con grano, hero saas, fondo aurora para web
- Demo hecha con: WebGL · Energía: Tranquilo · Fondo: Claro
- Demo en vivo: https://aimotions.art/es/estilos/gradient-mesh/
- Versión en inglés: https://aimotions.art/styles/gradient-mesh/

## Prompt (cambia [TEXTO] por tu texto)

```text
Diseña el hero de una landing page moderna en torno a la palabra [TEXTO]. El fondo es un degradado de malla animado a sangre: cinco o seis campos de color grandes y suaves (melocotón, rosa intenso, violeta, cian cielo, amarillo mantequilla y un toque de menta) que se desplazan, se arremolinan y se pliegan unos sobre otros sin parar, con un brillo diagonal tenue y un grano muy fino para que el color nunca forme bandas. Encima, todo nítido: una barra de navegación estrecha con un pequeño logotipo redondo, tres enlaces y un botón oscuro en forma de píldora; una pequeña píldora translúcida de aviso con "nuevo"; [TEXTO] como titular enorme en una grotesca casi negra con el espaciado entre letras ajustado; un subtítulo corto en gris y dos botones, uno oscuro y otro blanco esmerilado. Los elementos aparecen subiendo en un escalonado rápido; el degradado nunca deja de moverse.
```

## ADN visual

- Grandes manchas de color suaves fundidas en una malla que fluye sin parar
- Pliegues suaves y ondulantes y un brillo diagonal tenue
- Grano fino animado que evita el bandeado
- Titular casi negro y nítido en grotesca con espaciado entre letras ajustado
- Interfaz de hero mínima: navegación, píldora de aviso, subtítulo y dos botones

Los prompts se pueden copiar, adaptar y usar libremente en proyectos personales y comerciales, sin necesidad de citar la fuente. Republicar la colección o una parte sustancial de ella (por ejemplo, como otra biblioteca o un conjunto de datos) requiere permiso por escrito.

Cómo citarlo: Hero con degradado de malla, aimotions, https://aimotions.art/es/estilos/gradient-mesh/