G/S — 768 / MIEMBRO
IMPACTO Particle Section
Sección interactiva de gran formato donde el titular IMPACTO se construye con partículas Canvas que huyen del cursor y regresan con física de muelle.
Tipografía convertida en una experiencia interactiva
IMPACTO Particle Text Section transforma una palabra de gran formato en miles de partículas independientes. Cada punto nace de los píxeles del titular y responde al cursor o al dedo mediante una repulsión localizada antes de volver a su posición original con un movimiento de muelle amortiguado.
El degradado turquesa a coral se calcula por la posición horizontal de cada partícula y aumenta de luminosidad cuando ésta gana velocidad, creando una respuesta visual clara sin recurrir a WebGL ni librerías externas.
La sección incluye microcopy y dos CTA bajo el titular, funciona de forma responsive, limita el DPR para proteger el rendimiento y respeta prefers-reduced-motion. Está construida con HTML, CSS, Canvas 2D y JavaScript nativos.
DEMO / EN VIVO
Previsualiza
DEMO / LISTA PARA CARGAR
PROMPT MAESTRO / MIEMBRO
Constrúyelo.
Obtén las instrucciones de dirección artística, estructura, comportamiento y tecnología necesarias para recrear una experiencia equivalente con tu herramienta de desarrollo asistido por IA.