Animación de texto Decodificación editorial de texto: la palabra aimotions animada en este estilo
106CinéticaCSS

Decodificación editorial de texto

Efecto de texto que se decodifica: cada letra baraja glifos de varias tipografías y se fija en una serifa elegante. Versión editorial para revistas, moda y cultura.

Prompt · cambia [TEXTO]

Universal
Revela [TEXTO] con un barajado editorial de glifos, no con una terminal de hacker. Monta una página de revista blanco roto cálido: filetes negros finos, pies de foto pequeños, un número de edición y una nota de figura. La palabra va enorme en el centro en una serifa cursiva de exhibición de alto contraste, cada letra en un hueco de ancho fijo. Al principio cada hueco baraja a toda velocidad letras, cifras y símbolos tipográficos al azar (&, §, ¶, †) sacados de distintas tipografías: serifa cursiva, monoespaciada, grotesca gruesa. Después cada hueco muestra un instante la letra correcta en la tipografía equivocada y por fin se fija en la serifa, de izquierda a derecha, con un leve asentamiento hacia abajo y un breve subrayado granate que se desvanece. Mantén la palabra terminada, barájala de nuevo desde el extremo derecho y repite en bucle.

ADN visual

  • Huecos fijos que barajan glifos con serifa, monoespaciados, grotescos y cursivos
  • Casi acierto: la letra correcta en la tipografía equivocada antes de fijarse
  • Se fijan de izquierda a derecha con un leve asentamiento y una marca granate
  • Serifa cursiva de alto contraste en papel cálido con filetes y pies de revista
  • Un barajado inverso desde el extremo derecho cierra el bucle
Categoría
Tipografía cinética
Demo hecha con
CSS
Energía
Dinámico
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 Decodificación editorial de texto (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 →
107CinéticaCanvas

Cristal roto y rebobinado

texto que se rompe · explosión de cristal a cámara lenta · texto que explota y se recompone · tipografía de cristal roto

Ver →
109CinéticaCSS

Texto cortado en franjas

texto cortado · efecto texto dividido · transición de texto en franjas · franjas horizontales

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 ♥