About This Template
A premium creative portfolio template built with vanilla HTML, CSS, and JavaScript. Designed for designers, developers, and creative agencies who want to showcase their work with elegance and impact.
FOLIOFRAME is part of the uiuxlabz collection — a set of premium, framework-free HTML templates designed from each subject to feel genuinely unique. Open the folder, edit the text and tokens, and you have a production-ready website for a portfolio & personal business.
Key Features
- ✓Responsive Design — Fluid layout with breakpoints at 980px (2-col) and 720px (1-col + mobile nav)
- ✓Dark Navy + Gold Theme — Navy (#0A0E17) background with gold (#D4A853) accents throughout
- ✓Typography System — Space Mono (display/headings) + DM Sans (body) from Google Fonts
- ✓Portfolio Grid — 2x3 grid with hover overlays showing project title and category
- ✓Filter Tabs — Client-side portfolio filtering on the Projects page
- ✓Scroll Reveal — IntersectionObserver-powered fade-in animations with staggered timing
- ✓Contact Form — Client-side validation with success/error states (no alerts)
- ✓Mobile Navigation — Animated burger menu with full-screen overlay
- ✓Accessibility — ARIA attributes, keyboard-navigable, reduced-motion support
- ✓CSS Custom Properties — Complete design token system for easy theming
- ✓No Dependencies — Pure vanilla HTML, CSS, and JavaScript. Zero frameworks.