Phantom — Cinematic Ghost Cursor Landing
A cinematic, dark-themed interactive landing page with a minimalist aesthetic and a primary focus on a fluid, purple 'ghost cursor' trail. Features bold, editorial-style typography (Cabinet Grotesk) paired with a clean sans-serif (Satoshi). The design utilizes high-contrast deep blacks (#050505) and vibrant lavender accents (#B19EEF) to create a moody, immersive environment suitable for creative studios, premium SaaS, AI portfolios, and high-end digital experiences. Key elements include interactive shaders, bento-grid features, and large-scale typography gradients.
Summary
Design a high-end, immersive 'Phantom' landing page featuring a deep black background, massive typography, and a fluid-smoke cursor interaction. The UI should be minimal but impactful, emphasizing motion, ethereal glows, and precise spacing to create a cinematic digital atmosphere.
Style
The style is 'Ethereal Minimalist' characterized by a dark-mode palette, soft purple glows, and premium typography. It relies on smooth transitions and a custom Three.js/Shader-based cursor effect that leaves a smoky trail. Typography uses heavy font weights for titles and light, airy weights for body text.
Layout & Structure
A vertical-scrolling structure consisting of a fixed navigation bar, a high-impact hero section, a three-column feature grid, a centered call-to-action (CTA) section, and a minimalist footer.
Header
Hero Section
Features Grid
CTA Section
Footer
Components
Ghost Cursor Shader
A fluid dynamics-based cursor trail that follows mouse movement with inertia and bloom.
Gradient Heading
Large editorial heading with vertical depth.