Studio Fold — Creative Agency Website Template (HTML)
Most agency websites look like everyone else's agencywebsite. This one doesn't. Studio Fold is a bold, unapologetically distinctivewebsite template built for creative studios, brandingagencies, and freelance designers who want a site thatimmediately communicates they have a point of view. Not for everyone. Built for the right people. ─────────────────────────────────WHAT MAKES IT DISTINCTIVE───────────────────────────────── ✦ CUSTOM LIME CURSOR A lime green dot that expands to a glowing ring on hover — hidden on mobile, active on desktop. Sets the tone from the first second. ✦ MIXED OUTLINE TYPOGRAPHY The hero headline uses a mix of solid and outline (hollow stroke) text — a genuinely rare typographic treatment that reads as immediately intentional. ✦ ROTATED MARQUEE STRIP The scrolling marquee is rotated -1.5 degrees, physically breaking out of the page frame — a Brutalist web design detail that almost no templates execute properly. ✦ ANIMATED HERO GLOW A subtle lime radial glow pulses in the hero background — making the page feel alive without being distracting. ✦ COLOR-DISTINCT WORK GRID Six portfolio items, each with a different color-tinted background (green, purple, amber, blue, red, teal) — they read as genuinely distinct panels, not six identical dark squares. ✦ TIMELINE PROCESS SECTION A lime connecting line runs across the four process steps with glowing dots — reads as a real timeline rather than four boxes. ─────────────────────────────────FULL SECTION LIST───────────────────────────────── → Hero with mixed outline/solid typography→ Rotating skewed marquee strip→ 6-item work/portfolio grid→ 4-service hover list with slide effect→ About section with stats grid and watermark panel→ 4-step process with lime timeline→ 3-panel testimonials→ Contact form with service and budget selectors→ Multi-column footer ─────────────────────────────────WHO THIS IS FOR───────────────────────────────── → Creative and branding agencies→ Freelance designers and art directors→ Motion and video studios→ Copywriting and content studios→ Social media and marketing agencies→ Photography studios with a bold aesthetic→ Freelancers building sites for creative clients ─────────────────────────────────HOW TO USE IT───────────────────────────────── 1. Download the ZIP file2. Open in VS Code (free)3. Find & Replace your studio name throughout4. Update your services, work, and team details5. Drag to Netlify — live in 60 seconds ─────────────────────────────────TECH DETAILS───────────────────────────────── → Pure HTML, CSS, and vanilla JavaScript→ Google Fonts (Syne + Inter)→ No frameworks, no npm, no build step→ Single file — deploy anywhere instantly→ Custom cursor auto-hidden on mobile/touch→ Mobile responsive out of the box→ Reduced-motion accessibility support ─────────────────────────────────LICENCE───────────────────────────────── ✓ Unlimited personal and client projects✓ Build and sell client websites using this template✗ Do not resell or redistribute the template itself
Get it → mitchman3.gumroad.com