02 Expresiones · 02

El Ikon

El isotipo en movimiento. El cuadrado grande no se mueve; el punto fluye a su alrededor como mercurio y vuelve a casa, al escalón superior derecho.

Anatomía

Dos cuadrados a 90° cuya unión es lo único redondeado. Un filtro líquido — desenfoque, contraste alfa, la fuente nítida recompuesta — crea el filete cóncavo donde los cuadrados se tocan; cada esquina exterior queda perfectamente recta. Un color, una marca.

• El cuadrado grande nunca se mueve.
• El punto recorre cada borde en un carril recto, alargándose levemente en la dirección del viaje.
• En cada esquina la unión se asienta en el icono: un asiento diagonal en el escalón, una pausa breve.
• Casa es el escalón superior derecho. El ciclo siempre aterriza ahí.

Dónde vive

• Carga — el indicador primario, en lugar de spinners genéricos. En el chat, el avatar del agente se convierte en el Ikon mientras el agente piensa; la marca deja de moverse cuando llega la respuesta.
• Momentos de marca — heroes, transiciones, el 404.
• Nunca como decoración corriendo en la esquina de una pantalla terminada. El movimiento confirma; nunca actúa para la galería.

Reglas

• 2.4s, lineal, continuo. Nunca más rápido, nunca con easing.
• Bugambilia por defecto; variantes en tinta o blanco donde la superficie lo exija.
• Respeta prefers-reduced-motion — descansa como el icono estático.
• Nunca redibujar la geometría. Usa el componente del sistema o los keyframes publicados.