Studio - Agency & Portfolio Landing Page Template

A bold, type-led portfolio page: giant headline, kinetic marquee, case-study grid with hover effects, services list, process, team and a contact form. Plain HTML, CSS and JavaScript: unzip, edit and upload.

What's inside

• Transparent header that turns solid on scroll
• Giant headline hero with counters
• Kinetic marquee strip
• Case-study grid (6 SVG covers) with hover zoom and cursor label
• Services list with hover states
• Four-step process with a drawing line
• Team cards with SVG portraits
• Contact form markup and oversized footer wordmark
• README with customization, form wiring and deploy guides; LICENSE.txt

Features

• Giant type hero and kinetic marquee
• Case-study grid with hover zoom and cursor label
• Services, process, team sections
• Contact form markup with labelled fields
• Six abstract SVG case covers (editable)
• Solid-on-scroll header
• Responsive from 360px to wide desktop, no horizontal scroll
• Scroll-reveal, hover and press states, smooth anchor scroll, sticky header; all motion respects reduced-motion settings
• Accessible: landmarks, one h1, labelled form fields, visible focus, keyboard-usable controls
• Colors, fonts and radius are CSS variables at the top of the stylesheet
• No frameworks, no CDN, no tracking, no third-party requests; works by opening index.html

Requirements

• Any web host. No build tools, no Node, no database.
• Forms are markup only (action="#"). The README explains how to connect Formspree, Netlify Forms or your own backend.

Good to know

• All brand names, people, quotes and numbers are fictional demo content (Northform (fictional design studio)). Replace them before publishing.
• There are no photos. Artwork is SVG drawn for the template.
• Supports current Chrome, Edge, Firefox and Safari.

License

Unlimited end projects (personal and client sites you build). No resale or redistribution of the template itself. Full text in LICENSE.txt.

After payment you download studio-agency.zip right away.