Crecimiento en lugar de destrucción: una orquídea negra despliega sus pétalos uno por uno mientras el visitante hace scroll, y el suero se extrae de su corazón. Para marcas de belleza y botánicas.
Estás creando un sitio de una sola página, de nivel premiado, con «desplazamiento cinematográfico». Trabaja de forma autónoma de principio a fin: genera los recursos con el conector Higgsfield y luego construye y ejecuta el sitio con tu agente de código. Sin planes ni placeholders.
EL PRODUCTO (casa ficticia de cuidado de la piel): NOX BOTANICA, un suero nocturno extraído de una orquídea negra que florece una sola vez. Eslogan: "Cultivada en la oscuridad." El momento estrella es el CRECIMIENTO: un capullo de orquídea negra cerrado, bajo la luz de la luna en un invernadero oscuro, se despliega pétalo a pétalo mientras el visitante hace scroll; el rocío se forma y rueda hasta que la flor está completamente abierta. Entonces, una única gota luminosa asciende desde su corazón y cae en un frasco de vidrio oscuro.
LA TÉCNICA (sigue exactamente estas instrucciones): El efecto de desplazamiento 3D NO es Three.js. Es un scrub de secuencia de imágenes en canvas: clips de video divididos en cuadros, donde la posición del desplazamiento determina qué cuadro se dibuja en un canvas de viewport completo.
ACTIVOS (conector Higgsfield): 1. UNA imagen ancla 16:9: "Un único botón cerrado de orquídea negra en un tallo esbelto dentro de un invernadero victoriano oscuro por la noche, luz lunar fría a través del vidrio, rocío en los pétalos, tonos verde oscuro a negro, fotografía botánica macro, fotorrealista, sin texto, sin marca de agua." Mejor modelo de imagen del catálogo. 2. Con la imagen ancla como referencia en cada clip, tres clips de imagen a video de 10 segundos, 1080p, 16:9: CLIP A "la floración": timelapse de la orquídea negra desplegándose pétalo por pétalo, gotas de rocío formándose y rodando, la luz lunar cambiando sutilmente, termina totalmente abierta y permanece así. CLIP B "la esencia": desde el centro de la flor abierta, una única gota luminosa sube, queda suspendida y luego cae en cámara lenta en un pequeño frasco de vidrio oscuro para suero que sube al cuadro, mientras un brillo suave se extiende por el vidrio al caer. CLIP C "el macro": macro extremo de la superficie del pétalo, textura de terciopelo, una gota de rocío actuando como lente y luego el gotero del frasco libera una gota brillante. 3. Descarga los MP4.
FRAMES: ffmpeg, 150 frames por clip, 1600px de ancho, calidad JPEG 3, nombres como frames/bloom/frame_0001.jpg. Confirma que los archivos existan primero.
EL SITIO (HTML/CSS/JS puro, Lenis vía CDN, precargador como un tallo esbelto que crece con un porcentaje, capítulos de scrub fijos de 100vh con suavizado lerp): 1. HÉROE: la floración se reproduce con scrub mientras "NOX" se define en una serif de alta costura con amplio espaciado entre letras; antetítulo "BOTANICA. CULTIVADA EN LA OSCURIDAD." La flor se abre exactamente al ritmo al que el visitante hace scroll. 2. LA ESENCIA: el clip B se reproduce con scrub; aparecen textos destacados con líneas guía plateadas delgadas: UNA FLORACIÓN por temporada. Prensado en frío en menos de una hora. 12 PÉTALOS, una gota. 30 ML, numerado. 3. EL MACRO: el clip C se reproduce con scrub sobre terciopelo y vidrio. 4. EL RITUAL: cuadrícula minimalista de tres pasos: noche, piel, mañana. 5. CTA: "Únete a la primera cosecha", campo de correo electrónico, letra pequeña. Dirección de arte: verde oscuro #0A0F0C, texto plateado lunar #DDE4DC, acento violeta orquídea #8E7BB8 usado solo en el corazón de la flor; serif elegante más mayúsculas pequeñas con espaciado amplio; aireado, tranquilo, sin tarjetas. Móvil y movimiento reducido: alternativa con MP4 en bucle. Rendimiento: requestAnimationFrame, vuelve a dibujar solo cuando cambie el fotograma, 60fps.
VERIFICA: el cargador se desbloquea al 100 por ciento, la orquídea se abre visiblemente con el desplazamiento y permanece en plena floración, la gota cae en el frasco, la toma macro transmite una sensación de terciopelo muy cercano y no hay errores en la consola. Después, proporciona la URL activa.