Animación de cursor: un equipo de cursores construye la página
Animación de cursor reproduce una construcción sobre una página real: un equipo de cursores, cada uno de su color, monta lo que ve el visitante, como se hace en una herramienta de diseño. Un cursor pulsa en la esquina superior izquierda de una pieza, se transforma en un cursor en cruz y arrastra un marco de selección hasta la esquina opuesta mientras la pieza se rellena dentro, con su tamaño visible en directo y guías punteadas que llegan desde los bordes de la pantalla. Los títulos y los párrafos, en cambio, se teclean letra a letra. La primera pantalla se construye al cargar y el resto a medida que entra en pantalla al desplazarse, y cada cursor se queda quieto donde terminó.
Cómo funciona
Elige una página
Empieza con una landing page, un espacio de trabajo de producto o un artículo de revista, y desplázate por la vista previa para ver cómo se construye cada parte a medida que aparece.
Ajusta el equipo
Elige qué construye (al desplazarte, la primera pantalla o la página entera), cómo llega el texto y el ritmo. En la lista Equipo, da a cada cursor su propio color, nombre e imagen (una foto o tu logotipo, en un cursor o en todos), añade o quita cursores y elige el tamaño de las etiquetas de nombre y qué hacen los cursores tras la construcción.