GN VISIONS "Draw first for yourself, for half of your soul."
A dark, gothic, and horror-themed digital portfolio for GN, a digital artist specializing in horror lore, monsters, and intricate inking. This experiential website is designed to be an immersive, chilling dive into the artist's psyche.
- Interactive WebGL Flashlight Shader: A custom Three.js Fragment Shader that cloaks the screen in an inky #050505 void, creating a smooth "flashlight" effect that reveals a gothic underlying texture dynamically trailing the user's mouse in Normalized Device Coordinates (NDC).
- Immersive 3D Centerpiece: A floating, slowly-revolving 3D Ring model (
GothicComponent) rendered via React Three Fiber, standing as the primary focal point of the Hero section. - Cinematic Post-Processing: Real-time render effects including Noise, heavy Vignette, and Chromatic Aberration to mimic the grittiness of horror cinema.
- Macabre Typography: Combines modern Swiss geometric utility (
Geist) with classic, razor-sharp serif elegance (Cinzel) using cssmix-blend-mode: differencefor high-contrast visibility. - Silken Smooth Scrolling: Studio-Freight Lenis combined with GSAP ScrollTrigger ensures an unearthly smooth scroll momentum devoid of native browser chunkiness.
- Modern 3-Column Grid: Carefully engineered structural layout separating the imposing "ART & SOUL" title, the centerpiece Ring, and the mysterious quote into breathing columns.
- Framework: Next.js (App Router)
- Styling: Tailwind CSS
- 3D Engine: Three.js + @react-three/fiber + @react-three/drei + @react-three/postprocessing
- Animations: GSAP & Framer Motion
- Smooth Scroll: Lenis
- Code Quality: ESLint, TypeScript, Prettier
- Hooks: Husky + lint-staged
Designed & Developed by Trhgatu