Opera IQ · Colección 2026

Trece sitios,
trece mundos distintos.

Trece mundos que armamos de cero: producto, luz, tipografía y movimiento. Cinco con objetos modelados en 3D que giran con el scroll y siguen al cursor. Cada línea de código, cada sombra y cada gesto salieron de este taller — Malcom y Eric, sin frameworks, sin plantillas, sin atajos.

  • 13sitios
  • 5con objetos 3D
  • 1producto en producción
  • 0frameworks o plantillas

Scrolleá para atravesar el muro

Índice

Los trece, uno por uno.

Cada sitio tiene su carácter: sus tipografías, su paleta y su forma de moverse. Abrilos y recorrelos.

13 de 13 sitios

    Lo que sé construir

    Sin frameworks. Sin plantillas.

    Trece sitios en HTML, CSS y JavaScript escritos a mano. Cinco llevan objetos modelados en 3D con geometrías primitivas —un reloj que se desarma, un teclado que escribe lo que tipeás, una lata, una cinta, una letra— con luces, sombras suaves y etiquetas dibujadas en canvas. El movimiento va con animaciones scroll-driven de CSS nativo; sin librerías de animación.

    Los trece respetan la preferencia de movimiento reducido, tienen foco visible, textos alternativos y jerarquía semántica real. Ninguno tira un error de consola. Ninguno desborda en un teléfono. Los objetos 3D dejan de renderizar cuando salen de pantalla y muestran una foto si el equipo no tiene WebGL.

    Trabajo de marca

    Trece marcas, trece maneras de moverse.

    Café, relojería, hidroponia, teclados, consultoría, outdoor. Cada uno con su tipografía, su paleta y su gesto propio: Aurel se desarma pieza por pieza, Ferna crece con el scroll, Low Key escribe lo que tipeás, Forte pega el titular contra el borde. Las marcas, los productos y las personas son ficticios. El criterio no.