Animación de texto Hero con degradado de malla: la palabra aimotions animada en este estilo
185InterfazWebGL

Hero con degradado de malla

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.

Prompt · cambia [TEXTO]

Universal
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
Categoría
Interfaz sci-fi y web moderna
Demo hecha con
WebGL
Energía
Tranquilo
Fondo
Claro

También conocido como

Apoyo
Mantén aimotions gratis

Sin muros de pago ni registro. Si un prompt te ha ahorrado una hora, un café ayuda a que sigan llegando estilos nuevos.

Invítame a un café

Teclas: ← → navegar · C copiar

Usa este estilo

  1. Paso 01Copia el prompt

    Describe el estilo Hero con degradado de malla (composición, tipografía, paleta, textura y ritmo) sin atarte a ninguna herramienta.

  2. Paso 02Cambia [TEXTO]

    Pon tu palabra, el nombre de tu producto o un titular. Las palabras cortas (4–12 letras) se leen mejor en la mayoría de estilos.

  3. Paso 03Pide un formato

    Pégalo en Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra o GPT-6.1 Sol o un modelo posterior, y pide un único archivo HTML, un componente, un shader o un brief. Para la cabecera de una web, usa «Copiar para título web».

Títulos web →Guía de prompts →

Estilos relacionados

Ver categoría Interfaz →
035ManualidadesCanvas

Dechado de punto de cruz

punto de cruz · texto en punto de cruz · bordado de punto de cruz · patrón de punto de cruz

Ver →

Que siga siendo gratis.

aimotions no tiene muro de pago ni registro. Se financia con quienes encuentran un estilo que les encanta. Un café en Ko-fi ayuda a pagar el alojamiento y la siguiente tanda de estilos.

Apoyar en Ko-fi ♥