Cinematic Portfolio - JS Bug Fix
A cinematic, immersive digital portfolio design system featuring brutalist typography, 3D CSS transforms, and high-contrast dark mode aesthetics. It utilizes 'General Sans' for a clean, professional look and relies on bold 'massive' text sizes to create a sense of scale. Suitable for creative agencies, high-end freelancers, luxury tech brands, and architecture studios. Key features include a rotating 3D hero cube, bento-grid case studies, glassmorphism elements, and scroll-triggered background text animations. The color palette is dominated by deep black (#050505) with high-visibility neon accents (#00FF41).
Summary
A high-impact cinematic design system built on dark-mode principles, featuring interactive 3D elements and a blend of brutalist and minimal aesthetics. It prioritizes motion, scale, and elite positioning through typography and depth.
Style
Typography-driven dark mode aesthetic featuring high-contrast neon accents, glassmorphism, and 3D spatial depth. Uses 'General Sans' across multiple weights (200-900) for an editorial feel.
Layout & Structure
Multi-layered layout combining sticky navigation, a 3D perspective hero section, bento-grid content areas, and editorial-style pricing/footers.
Sticky Navigation
3D Hero Section
Works Bento Grid
Pricing and Calculator
Editorial Footer
Components
3D Interactive Cube
A four-faced CSS-only 3D cube showcasing different content volumes.
Custom Glow Range Slider
An interactive range input with cinematic styling.