Back to work
Frontend · 2025
saroj-h Portfolio
A dark, editorial developer portfolio with scroll motion, case studies and accessible navigation. Built as a living brand system.
Role · Designer and Frontend Developer/Year · 2025/
Next.jsTypeScriptTailwind CSSFramer Motion
Why I built this
Present my craft with intention: typography, motion and structure that feel designed, not templated.
Highlights
- Classic dark portfolio language
- Detail-oriented case studies
- Micro-interactions without clutter
Challenge
Balance personality with professionalism. Too much motion becomes noise; too little feels flat. Accessibility and performance stayed non-negotiable.
Solution
A dark editorial system, purposeful scroll reveals and section composition that guides attention. Motion stays on transform and opacity for smoothness.
Features
- · Animated hero and section reveals
- · Project showcase with detail pages
- · Skills, experience timeline, WhatsApp contact
- · Responsive classic layout system
Components used
HeroMiniBannerProjectCardTimelineItemSkill pillsGlassCardWhatsApp QR contactNavbar / Footer
Fonts used
- · Black Ops One (headings)
- · Archivo (body)
- · JetBrains Mono (labels)
More case studies