Disponible para nuevos proyectos
Cuéntame sobre tu marca, tu producto o tu próxima campaña. Reviso cada propuesta personalmente y te respondo con un plan claro en menos de 48 horas.
Lab
Un portfolio puede decir que cuida el detalle. Acá se toca. Cada banco monta el mismo componente que corre en producción, con sus controles a la vista.
El botón se acerca al cursor antes de que llegues.
Sigue al puntero con un muelle amortiguado, así que se mueve poco y vuelve solo. Se apaga entero en pantallas táctiles, donde no hay cursor al que acercarse, y con el sistema en movimiento reducido. Mueve la fuerza: pasado el 25 deja de leerse como precisión y empieza a leerse como un juguete.
Cuatro entradas, no una repetida en todas partes.
Cada sección entra como le corresponde: las de contenido suben poco, los cierres suben más, lo que ya se mueve en horizontal solo aparece, y los paneles hacen un zoom mínimo. Son animaciones CSS que dispara un IntersectionObserver, así que las resuelve el compositor y no el hilo principal.
Al apuntar una pieza, las demás se apartan.
La grilla enfoca sola: la que miras se queda y las hermanas bajan de opacidad. Es CSS puro con :has(), sin estado ni JavaScript, y solo toca opacidad, así que no cuesta un repintado. Pasa el cursor por una de las tres.
Una rejilla de 11×8 dibujada, no una imagen exportada.
El invader es la marca secundaria del sitio y está escrito como rejilla en el componente, no traído de un archivo. Por eso crece nítido a cualquier tamaño y cambia de color con un token. Estíralo hasta el final.
Si te interesa cómo está montado el resto, el colofón cuenta las decisiones de datos, idiomas, accesibilidad y despliegue.