Así se mueven los sistemas que construimos.
Nada de esto es un video ni una maqueta: son los mismos componentes que corren hoy en las webs de nuestros clientes. Pasa el cursor, haz scroll, míralos trabajar.
Fondos vivos
Nunca una foto de banco: canvas y CSS que respiran, a una fracción del peso de una imagen.
Tarjetas con profundidad
La misma pieza (§16.5, iPhone-depth) con tres remates distintos del catálogo.
E5 · Card3D
Tilt que sigue al cursor
Sombra en 2 capas + glare cian. Es la tarjeta que usan Servicios, Precios y Pasos.
E42 · + Gradient Border
El aro que marca la decisión
Así se ve la comparación Studio/OS en /precios — un borde en degradado, 0 KB extra.
E43 · + Glow Activo
La opción ya seleccionada
Halo suave del color de marca — el mismo lenguaje que un ítem activo de menú.
Texto y movimiento
Haz scroll: cada bloque entra solo, una vez, la primera vez que lo ves.
Un titular que se arma mientras entra.
data-anim="rise"
Sube y se asienta — la entrada por defecto de casi toda sección.
data-anim="fade"
Fundido puro — para texto de apoyo que no necesita llamar la atención.
data-anim="scale-in"
Crece desde 96% — para piezas centradas (mascota, panel).
Botones
El mismo control que ves en cada página: sigue al cursor (E7) y ahora suelta un barrido de luz al pasar o enfocar (E42).
Catálogo completo del sistema de diseño: 48 efectos documentados en @agetix/ds. Esta vitrina muestra los que mejor cuentan la historia — el resto vive trabajando dentro de cada web que entregamos.
Lo mismo puede estar trabajando en tu web.
Estos efectos no son una demo aparte: son el motor real de AGETIX, incluido en cualquier plan.