G/S — 084 / PREMIUM
Materia Landing
Landing cinematográfica de MATERIA con cabecera fija, dos capas de vídeo, transición por scroll, scrub temporal, canvas móvil y paneles editoriales.
Una experiencia editorial controlada por scroll
Materia Landing reproduce la experiencia MATERIA / LAB 02 como una landing cinematográfica: cabecera fija transparente, hero de vídeo, transición progresiva hacia una segunda capa audiovisual y cinco paneles editoriales vinculados a la navegación.
El segundo vídeo no se reproduce de forma convencional: su tiempo se sincroniza con el progreso del scroll. En escritorio se interpola el currentTime para suavizar el scrub; en móvil se cuantiza a una cadencia limitada y se dibuja el fotograma decodificado sobre canvas para evitar el microtemblor habitual de Safari y otros navegadores móviles.
La composición mantiene los colores naranja, blanco cálido y verde ácido, Manrope como tipografía principal y Newsreader cursiva para los énfasis. Incluye Laboratorio, Investigación, Materiales, Publicaciones y Contacto, además de navegación activa y menú responsive.
DEMO / EN VIVO
Previsualiza
DEMO / LISTA PARA CARGAR
PROMPT MAESTRO / PREMIUM
Constrúyelo.
Obtén las instrucciones de dirección artística, estructura, comportamiento y tecnología necesarias para recrear una experiencia equivalente con tu herramienta de desarrollo asistido por IA.