Animación de texto Ola de peso en fuente variable: la palabra aimotions animada en este estilo
113CinéticaCSS

Ola de peso en fuente variable

Animación de texto con fuente variable: una ola de peso lleva las letras de finísimas a ultranegras y la palabra se reajusta. Para especímenes y cartelas editoriales.

Prompt · cambia [TEXTO]

Universal
Anima la palabra [TEXTO] como una ola de peso de fuente variable. Ponla enorme y centrada en una palo seco de exhibición condensada sobre papel blanco roto cálido. Una ola sinusoidal suave de peso recorre las letras de izquierda a derecha: cada letra se engrosa de un trazo finísimo a un peso ultranegro y vuelve a adelgazar, de modo que la palabra se reajusta y respira sobre su línea base. Las letras pasan de negro tinta a bermellón al alcanzar el peso máximo. A mitad, todas se engrosan a la vez hasta el negro y se mantienen un tiempo; después la ola vuelve en sentido contrario y lo adelgaza todo. Enmárcalo como un espécimen tipográfico: finas líneas guía azules en la línea base y la altura de la x, pequeñas etiquetas de eje en monoespaciada y un número de peso en directo bajo cada letra. Tranquilo, rítmico, bucle continuo.

ADN visual

  • Una palabra condensada que se engrosa de finísima a ultranegra
  • La ola avanza letra a letra y la palabra se reajusta y respira
  • Las letras más gruesas pasan de negro tinta a bermellón
  • Elementos de espécimen: guías de línea base, etiquetas de eje y peso en directo
  • Fondo de papel cálido y ritmo sinusoidal tranquilo
Categoría
Tipografía cinética
Demo hecha con
CSS
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 Ola de peso en fuente variable (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 Cinética →
098CinéticaCanvas

Texto con estela de ecos

efecto eco en texto · texto repetido con estela · eco de colores · tipografía con estela

Ver →
057RetroCanvas

Programa de dibujo de 1 bit

dibujo de 1 bit · programa de pintura en blanco y negro · arte con tramas de puntos · pixel art monocromo

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 ♥