Tipografía cinética editorial

Problema

El sitio necesita titulares de gran formato que se sientan vivos sin volverse ilegibles o lentos.

Hipótesis

Animar por palabra (no por letra) con máscaras CSS lograría impacto editorial con un costo de rendimiento mínimo.

Construcción

Componente de revelado tipográfico con clip-path y stagger por palabra, reutilizado en titulares de página.

Tecnologías

• CSS clip-path
• Framer Motion

Resultado

Integrado como parte del sistema de motion del sitio (ver /tecnologia y /metodo).

Aprendizaje

Animar por palabra, no por carácter, mantiene el impacto visual sin generar el costo de rendimiento de docenas de nodos animados individualmente.