01 Fundamentos · 05
Movimiento
Smart Certainty en movimiento: el movimiento confirma, nunca actúa para la galería.
Una curva
cubic-bezier(0.4, 0, 0.2, 1) — para todo. No hay segunda curva.
Tres duraciones
Pasa el cursor por cada tile para sentir la diferencia. Nada se anima más de 300ms. Sin resortes, sin rebotes, sin parallax, sin movimiento decorativo.
cubic-bezier(0.4, 0, 0.2, 1) — one curve for everything
Carga — el Ikon en movimiento
El indicador primario de carga es el isotipo en movimiento: dos cuadrados cuya unión es lo único redondeado, soldados por un filete líquido. El cuadrado grande no se mueve; el punto fluye a su alrededor como mercurio — en cada esquina la composición se asienta en el icono, luego se funde a lo largo del borde. Casa es el escalón superior derecho.
La anatomía completa — y lo que el Ikon puede y no puede hacer — vive en Expresiones → El Ikon.
Entradas
Fundido a 200ms. Deslizamiento arriba o abajo a 250ms con 8px de recorrido. Los overlays combinan un velo con un panel que sube. El cambio de tema funde colores de fondo y texto a 200ms.
Respeto
Honra prefers-reduced-motion: reduce las entradas a solo opacidad, y el Ikon descansa como icono estático.