Cinematic scroll-driven storytelling page
By Command Code (@CommandCodeAI). Model: Claude Fable 5. Posted Jul 23, 2026. Original post: https://github.com/CommandCodeAI/slash-design-showcase/tree/main/kimi-k3-design/story-telling/fable-5
Create a cinematic scroll-driven storytelling single-file HTML landing page for an eco-luxury brand "LUNAR". Tailwind CSS. Full vertical scroll experience: - Hero: Dramatic full-screen with parallax forest-to-moon transition - As user scrolls, use Intersection Observer + GSAP (via CDN) for immersive chapter reveals: 1. The Problem (dark polluted world) 2. The Journey (transforming scroll sections) 3. The Solution (3D animated product ecosystem) 4. Impact (numbers flying in with scroll) Include subtle 3D elements (Three.js spheres representing earth/moon) that move with scroll. Beautiful typography, nature color palette, very emotional and creative. End with strong CTA. Output full self-contained HTML. ⚠️ **Note:** this readme previously had product's (NEXUS Audio) prompt and link pasted in by mistake. The prompt above is the correct one for this build (verified against the actual `index.html`, titled "LUNAR — Luxury in Harmony with the Earth"); the real share link for this conversation wasn't recovered, so none is listed here rather than guessing one.
