Riswan Portfolio - Anime & GSAP Enhanced
A high-end 'Anime-Tech' portfolio design featuring a dark-mode glassmorphism aesthetic, vibrant purple gradients (#A855F7), and extensive GSAP-powered animations. Suitable for software engineers, creative developers, or tech-focused agencies. Key elements include 3D-interactive cards, a custom anime mascot illustration, parallax background spheres, and a typewriter-effect hero section. Optimized for a 'Premium Professional meets Otaku' vibe.
Summary
A sophisticated dark-themed portfolio system that balances clean software engineering professionalism with playful anime-style illustrations. It uses a purple-centric color palette, glassmorphism UI components, and advanced GSAP interactions like 3D tilt effects, staggered reveals, and parallax scrolling.
Style
The style is 'Dark Glassmorphism' with an 'Anime Aesthetic' twist. Typography pairs the bold, geometric Montserrat for headers with the clean, legible Poppins for body text. The color palette is anchored in #121212 (Background) and #A855F7 (Primary Purple), utilizing gradients from #D8B4FE to #A855F7. Visuals feature soft glow effects (blur-2xl), thin borders (1px solid rgba(168, 85, 247, 0.2)), and high-radius corners (up to 3rem).
Layout & Structure
A single-page scrolling layout with distinct sections for Hero, About, Skills, Projects, and Contact. The layout prioritizes whitespace and large-scale typography for readability.
Navigation
Hero Section
About Section
Skills Section
Project Showcase
Footer / Contact
Components
3D Interactive Card
Cards that tilt towards the user's mouse cursor in 3D space.
Anime Mascot Illustration
Floating cute mascot used for brand personality.
Typing Text Effect
Self-typing roles/titles in the hero section.