LANDING PAGE · Jun 2026
DEEP SEA
An immersive aquatic-themed scrollytelling experience utilizing dynamic visual elements and fluid animations to simulate a deep-dive narrative.
01
Overview
Deep-Sea serves as an exploration of immersive, aquatic-themed scrollytelling, utilizing dynamic visual elements and video playback to simulate a deep-dive experience into the ocean's depths.
02
Architecture
Tech Stack
ReactTypeScriptViteTailwind CSSGSAPVercel
Design System
#0a0540#26c2e6#b31a33
Cormorant GaramondStory Titles
Space MonoDepth Meters & HUD
03
Key Features
- Theme: Atmospheric Oceanic Depth
- Motion: Synchronized GSAP Scroll Tracking
- Effects: Pure CSS Particle Bubbles & Creature Animations
04
Applied AI Engineering
This project serves as an exercise in rapid prototyping via strict LLM constraint prompting. To prevent AI component hallucination, a rigorous Master System Prompt was engineered to lock the model into specific DOM architectures, responsive breakpoints, and motion physics. You can view the raw AI Directive used for this build by clicking the Skills.md button at the top of this case study.