Lo que nadie
había visto de Robin.

No es scroll. No es GSAP. Es rueda sobre un canvas.

Tu disector midió: la web de Robin mide exactamente una pantalla (alto total 900px). No hay scroll. Cero ScrollTriggers, sin GSAP, sin Lenis, un canvas WebGL. Por eso el barrido de scroll sacó 11 fotogramas idénticos: no había nada que barrer. Mandando eventos de rueda de verdad, el carril por fin se mueve. Arrastra la barra:

▶ Reproducir 00 / 12

13 fotogramas reales capturados mandando deltas de rueda (400px cada uno) sobre el canvas. Fíjate en dos cosas: la palabra «Fun» y su texto NO se mueven mientras las medias viajan — solo cambian cuando un caso se asienta. Y la inclinación del plano no es constante: se deforma mientras viaja y se asienta al parar.

Ahí está la explicación técnica de los tres rechazos. Se copió un skewX(-12°) fijo, leído de un fotograma quieto, contra una deformación de plano WebGL que varía con el movimiento. Copiar un instante de una cosa que se dobla no da esa cosa: da un cartón torcido. «Más fiel = peor» no era una paradoja — era medir lo que no era.

Robin no enseña ni una sola web en el plano inclinado.

Repasa los 13 fotogramas: chica rubia con destellos de luz, pareja en blanco y negro, ilustración anime, render 3D. Todo imagen editorial. Y esto es lo nuestro:

Barra de navegación, dos teléfonos, un email, botón de WhatsApp, barra de scroll. Eso no es una imagen: es un documento. Un documento inclinado 12° no se lee como algo caro — se lee como un pantallazo torcido. El diagnóstico del chat anterior era correcto.

Robin ya resolvió tu problema. Está abajo a la izquierda.

Esa miniatura pequeña de la esquina no es decoración. Es la interfaz real de la app que diseñó — la pantalla de perfil, el chat, la rejilla de fotos, cambiando en bucle. Es decir: Robin sí enseña producto. Mira CÓMO:

La regla que Robin aplica y que nadie había leído: el plano grande e inclinado lleva la imagen emocional; la pantalla real va aparte — pequeña, recta, dentro de un marco. Nunca mezcla los dos. Nosotros metimos el pantallazo en el sitio de la foto editorial y dejamos el sitio del pantallazo vacío.

Y esto no es una ocurrencia mía: es la mecánica de la referencia que elegiste, replicada entera en vez de a medias. Faltaba mirarla moverse.

Los números, leídos en vivo.

Traducción honesta: la mecánica de Robin no es replicable con CSS+GSAP. Es un shader sobre planos. Con tu stack se puede llegar a un primo cercano y honesto (deformación ligada a la velocidad, no un skew fijo), pero al 100% no — y prometerte el 100% es lo que nos ha traído hasta aquí.

Disección: escaparate/docs/refs/diseccion-robin/ · Herramienta nueva: barrido-rueda.js