Agency Website Templates

Sites for studios that sell their work: advertising and branding agencies, web design studios, architects and interior designers. Each has a signature interaction chosen for the kind of work it shows, so the site is evidence of taste rather than a claim to it.

8 templates, no build step

~~£99~~£79.20

Halloween: 20% off the Vault until 31 October. Ends in 7d 09h 14m 16s

The Vault

Unlock the Vault library for £79.20

All 304 premium items in the Vault library, plus future additions to the library.

047 £15

Creative Agency Template

One-page agency site for any studio that sells campaigns, film or brand work. A pinned, scroll-scrubbed reel of sixty photographs is the hero, a capabilities marquee skews with scroll speed, and six case studies with results sit under a CSS-only discipline filter. Shown as an ad agency.

ScrollTriggerSplitText

046 4 palettes £15

Branding Agency Template

Editorial one-page site for any studio whose work is typographic rather than photographic: identity, packaging, print. A contents index of plates you throw sideways, headings in a variable serif that set themselves as they arrive, a featured project laid out as an article, and four measured palettes.

ScrollTriggerDraggable

045 4 palettes £15

Web Design Agency Template

A one-page site for a web design and development studio, built around a browser mockup that scroll-scrubs through the three stages of a real project: wireframe, then structure, then the finished thing. Services lead with plain price bands and timelines, and the whole page is keyed to one brand colour you swap.

ScrollTriggerSplitText

069 £15

Design Studio Template

An editorial website for design agencies, creative portfolios, architecture studios, publishers and product consultancies. FORME pairs bold typography with interactive identity artwork and expandable project stories.

ScrollTrigger scroll-reveal

065 £15

Kinetic Studio Template

A kinetic design studio website template with a giant folding type sculpture, stacked campaign posters and a hands-on geometric mark. Repoint it for a design agency, creative portfolio, event website, art director or digital studio.

ScrollTrigger 3d-transforms

064 £15

Creative Studio Portfolio

A dark creative studio portfolio website template with a sculptural photo reel, oversized typography and visual project studies. Suits creative agencies, photographers, design studios, architecture practices and filmmakers.

ScrollTrigger webgl-shader

005 Refreshed 5 pages £29

Architecture Firm Template

Five-page site for any practice that sells on buildings and colour: architects, interior designers, developers and design-and-build firms. Full-bleed photo chapters carry huge condensed figures, a wall of photo columns drags and throws, and the menu opens giant words in one electric ink.

ScrollTrigger drag

032 Refreshed 5 pages £29

Interior Design Template

Five-page interior design website template with a split colour-field cover, a project index where each room is framed in a colour mat on hover, and a full-bleed before/after wipe. Suits interior designers, architects, kitchen makers, renovation firms and home stagers.

ScrollTriggerFlip

Browse all 92 templates

An agency site is the first piece of work a client sees

A client choosing a studio judges the site before they open a single case study. A template that looks like every other agency site makes that judgement for them. These each commit to a point of view and an interaction that belongs to the discipline: campaign and film work gets motion, typographic studios get type, and architects get buildings at full bleed.

The advertising agency template uses a pinned reel of sixty graded photographs as its hero, with scroll position as the playhead, and a capabilities marquee that skews with scroll speed; its six case studies sit under a discipline filter that keeps working with JavaScript off. The branding agency template is an editorial page whose contents index of typographic plates you throw sideways, with headings in a variable serif that set themselves as they arrive and a featured project laid out as a genuine article. The web design agency template scroll-scrubs a browser mockup from wireframe to structure to the finished page, and leads its services with plain price bands and timelines.

Three more suit studios with a strong graphic or photographic voice. The design studio template pairs bold typography with interactive identity artwork, a draggable journal cover and expandable project stories. The kinetic studio template has a giant folding type sculpture you drag and scroll sideways, stacked campaign posters and a geometric mark that springs back on release. The creative studio portfolio is dark and photographic, with a sculptural full-screen reel and a pinned accordion that separates a single image and brings it back together.

The two built for buildings and rooms are multi-page sites; the rest are single pages. The architecture firm template is five pages of full-bleed photo chapters with huge condensed figures, a wall of looping photo columns you drag and throw, and a full-screen menu of giant words in one electric ink. The interior design template is five pages with a split colour-field cover, a project index that frames each room in its own colour mat on hover, and a full-bleed before and after wipe.

How to put your studio's work into an agency template

Case studies are what wins the brief, so start with them, then retune the colour and type to your own identity.

1

Choose your strongest projects first

Fewer, stronger case studies read better than a full archive. Decide which projects lead before you edit anything, because the order drives the reel, the index and the featured article.
2

Replace the case study images

Photography ships as bundled WebP with the grade baked in. Drop in your own at the same dimensions; the web design template's project cards have a documented image swap point and a designed plate behind it.
3

Retune palette and type

Several of these ship measured colour-and-type presets swapped by one attribute on the html element. If none fits, the token block at the top of the stylesheet reskins the whole page.
4

Connect the enquiry form

The brief and enquiry forms validate in the browser and show a success state, but send nothing. Point them at a form service, your CRM or your own endpoint before launch.

Illustrative: one attribute swaps a shipped preset

<html lang="en" data-palette="rust">

Agency & studio at a glance

Compare the 8 templates in this category by what they do, what they are built with, and whether they run light or dark.
Template	What it does	Built with	Tone
Creative Agency Template	One-page agency site for any studio that sells campaigns, film or brand work.	ScrollTrigger, SplitText, Observer, CustomEase	Dark
Branding Agency Template	Editorial one-page site for any studio whose work is typographic rather than photographic: identity, packaging, print.	ScrollTrigger, Draggable, InertiaPlugin, CustomEase	Light
Web Design Agency Template	A one-page site for a web design and development studio, built around a browser mockup that scroll-scrubs through the three stages of a real project: wireframe, then structure, then the finished thing.	ScrollTrigger, SplitText, DrawSVG, Flip	Light
Design Studio Template	An editorial website for design agencies, creative portfolios, architecture studios, publishers and product consultancies.	ScrollTrigger	Light
Kinetic Studio Template	A kinetic design studio website template with a giant folding type sculpture, stacked campaign posters and a hands-on geometric mark.	ScrollTrigger	Light
Creative Studio Portfolio	A dark creative studio portfolio website template with a sculptural photo reel, oversized typography and visual project studies.	ScrollTrigger	Dark
Architecture Firm Template	Five-page site for any practice that sells on buildings and colour: architects, interior designers, developers and design-and-build firms.	ScrollTrigger	Light
Interior Design Template	Five-page interior design website template with a split colour-field cover, a project index where each room is framed in a colour mat on hover, and a full-bleed before/after wipe.	ScrollTrigger, Flip	Light

Related guides

92 animated website templates built with GSAP (2026)

92 animated website templates built with GSAP: portfolios, venues, shops, SaaS, and editorial one-pagers. Seven are completely free to download.

138 GSAP animation examples and demos with code (2026)

138 GSAP animation examples with live demos and code: scroll, text, cursor, and canvas effects. Ten are completely free with copy-paste snippets below.

Horizontal scroll sections with GSAP ScrollTrigger

Build a pinned horizontal scroll section with GSAP ScrollTrigger: pin, scrub, and a track that slides sideways as you scroll. Complete code included.

Frequently asked questions

Can I use an agency template for client projects?

Yes. The standard licence covers one person on unlimited personal and commercial projects, including work for clients; each developer on a team buys their own. You cannot redistribute the template itself or use it to make a competing product.

Does the enquiry form send anything?

No. The forms validate in the browser and show a thank-you, but there is no backend. Point them at Formspree, Netlify Forms, Basin or your CRM's form endpoint. The fields are worth keeping wherever you wire them: budget band, project type and site details qualify an enquiry before you reply to it.

How do I add more case studies?

Duplicate an existing case study block or, in the architecture and interior templates, the project page, then change the text and images. Filters read tags in the markup, so a new project with the right tag appears under the right filter without any script changes.

Which template suits an architecture or interiors practice?

The architecture firm template suits architects, developers and design-and-build firms that sell on buildings and colour. The interior design template suits interior designers, kitchen makers, renovation firms and home stagers, with its before and after wipe doing most of the persuading. The design studio and creative studio portfolio templates also work for smaller architecture practices.

Browse all templates What a GSAP template is