3D Journey Scroll Portfolio – Centered
A high-end 3D immersive scroll experience with a 'Museum' or 'Journey' aesthetic. Features cinematic depth transitions (Z-axis scrolling), editorial typography pairing a clean sans-serif with an elegant serif, and a luxurious dark mode palette with gold accents. Ideal for portfolios, storytelling, historical timelines, or luxury product showcases requiring a spatial, 3D hallway feel.
Summary
A sophisticated 3D scroll-based UI where content frames are arranged in a deep spatial hallway. As the user scrolls, they 'walk' through the 3D space. The design uses heavy depth of field, perspective transforms, and high-contrast dark surfaces with gold highlights.
Style
Minimalist luxury/cinematic theme. Typography pairs 'General Sans' (clean, modern) with 'Gambetta' (elegant, high-contrast serif). Color palette: Absolute Black (#000), Zinc Dark (#0a0a0a), and Gold (#D4AF37). Animations are physics-based using cubic-bezier(0.16, 1, 0.3, 1) for smooth, heavy-feeling spatial movement.
Layout & Structure
The layout is a 3D 'Hallway Track' along the Z-axis. Content is organized in 'Art Frames' that appear on the left and right sides of the viewer, receding into the distance.
3D Viewport & Track
Art Frames (3D Content)
Information Modal (PIP Window)
Components
3D Art Frame
The core interactive unit of the experience.
Gold Journey Badge
Chronological or category indicator.