amber-portfolio

byAnvesh Patel

Create a premium, award-winning portfolio website for a multi-disciplinary designer (Graphic Designer, AI Artist, Video Editor, UI/UX Designer). The design style must feel like a fusion of Pinterest + Behance + Awwwards-level creativity. --- ## 🎨 VISUAL STYLE & BRANDING * Theme: Dark premium (black base #0A0A0A) with vibrant gradient accents (electric blue, neon purple, soft magenta, teal glow) * Typography: * Headings: Neue Montreal / Clash Display / General Sans (bold, modern) * Body: Inter / Satoshi * Use glassmorphism + subtle 3D depth * Smooth micro-interactions everywhere * Cursor-based interactions (hover distortions, glow trails) * Grain + noise overlay for cinematic feel --- ## 🏠 LANDING PAGE (HERO SECTION) * Fullscreen immersive landing * Horizontal scrolling (right → left) using mouse scroll * Sections slide like a cinematic reel * Each slide = category: * Branding * UI/UX * AI Art * Video Editing * Experimental ✨ Effects: * Mouse hover = parallax zoom + soft glow * WATER RIPPLE EFFECT (ONLY inside landing area) * Subtle distortion shader when cursor moves * Smooth inertia scrolling * Each slide contains: * Large project preview (NO cropping, maintain original aspect ratio) * Title + short description * Floating tags --- ## 📌 BELOW LANDING (PINTEREST-STYLE GRID) * Masonry grid layout like Pinterest * DO NOT crop images or videos * Maintain original aspect ratios (very important) * Dynamic column flow * Lazy loading * Hover: * Slight zoom * Title overlay fade-in * Soft shadow lift * Content types supported: * Images * Videos (auto-play on hover, muted) * GIFs * Case studies --- ## ⬆️ HEADER / NAVBAR * Minimal floating navbar * Left: Logo * Center: Navigation (Work, About, Contact) * Right: "Share Your Work" button (IMPORTANT) ⚠️ The "Share Your Work" button: * ONLY visible to admin (me) * Hidden for public visitors --- ## 📤 SHARE YOUR WORK (UPLOAD SYSTEM) When clicking the button, open a modal with options: 1. Upload Image 2. Upload Text 3. Photo Grid 4. Video & Audio 5. Prototype Design this like Behance project upload UI: * Clean card-based selection * Smooth hover animations * Drag & drop support * Multi-file upload * Preview before publishing --- ## 📄 PROJECT DETAIL PAGE * Full-width immersive layout * No forced cropping * Large visuals * Scroll storytelling format * Sections: * Cover * Description * Process * Final output * Smooth transitions between sections --- ## 📖 ABOUT PAGE * Minimal but expressive * Designer intro * Skills: * Graphic Design * AI Art * Video Editing * UI/UX * Animated skill bars or creative visuals --- ## 📞 CONTACT PAGE * Clean layout * Email form * Social links * Optional: animated background --- ## ⚡ INTERACTIONS & ANIMATIONS * Page transitions: smooth fade + slide + blur * Use GSAP / Framer Motion style animations * Scroll-triggered animations * Magnetic buttons * Smooth scrolling (Lenis style) --- ## 🧠 TECH / BEHAVIOR * Fully responsive * Fast loading * SEO-friendly * Modular structure * CMS-ready structure --- ## 🎯 EXTRA CREATIVE TOUCHES * Ambient gradient blobs in background * Subtle glowing edges on hover * Cursor morph effects * Light reflection overlays * Sound micro-feedback (optional) --- ## 🚫 IMPORTANT RULES * DO NOT crop images in grid or previews * Maintain original aspect ratios everywhere * Keep UI minimal but highly interactive * Avoid clutter --- ## 🎨 GOAL The final result should feel like an Awwwards-winning designer portfolio — cinematic, immersive, experimental, and visually unforgettable.