G/S — 642 / PREMIUM
FRIEND Imagination Hero
Hero inmersivo con vídeo artístico en bucle, bloque izquierdo recolocado más arriba y una caja de ancho consistente para todos los textos alineados con el H1.
Una portada contemplativa impulsada por vídeo
FRIEND Imagination Hero utiliza un vídeo local en bucle como fondo para recrear una escena atmosférica y artística, con una composición inspirada directamente en la referencia visual proporcionada: navegación superior liviana, logotipo FRIEND a la izquierda, botón de cabecera a la derecha y un bloque principal de copy más ancho en el lateral izquierdo, recolocado hacia arriba.
El titular combina una sans moderna y limpia con una palabra acentuada en serif itálica para replicar la sensibilidad editorial del diseño. Debe resolverse en exactamente dos líneas, como en la referencia: “Be in touch with” y “your imagination”. Además, todos los textos del bloque izquierdo deben compartir el mismo ancho visual y alinearse con la caja del H1. La escena conserva un gran espacio visual para que el vídeo sea protagonista, con superposiciones suaves, degradados fríos y reflejos lumínicos que refuerzan el carácter onírico del conjunto.
El recurso se resuelve con HTML, CSS y JavaScript nativos, vídeo optimizado, color sólido mientras carga, pausa fuera del viewport, comportamiento responsive y menú hamburguesa accesible en móvil. No depende de servicios externos ni de fuentes remotas.
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.