# Agency Website Templates

> Agency website templates for creative, branding, web design and architecture studios, with case studies, project indexes and enquiry forms. Plain HTML.

Canonical: https://gsapvault.com/templates/category/agency-studio

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.

## 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.

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

## Agency & studio at a Glance

| Template | What it does | Built with | Tone | Structure |
| --- | --- | --- | --- | --- |
| [Creative Agency Template](https://gsapvault.com/templates/advertising-agency-template) | One-page agency site for any studio that sells campaigns, film or brand work. | ScrollTrigger, SplitText, Observer, CustomEase | dark | single page |
| [Branding Agency Template](https://gsapvault.com/templates/branding-studio-template) | Editorial one-page site for any studio whose work is typographic rather than photographic: identity, packaging, print. | ScrollTrigger, Draggable, InertiaPlugin, CustomEase | light | single page |
| [Web Design Agency Template](https://gsapvault.com/templates/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 | single page |
| [Design Studio Template](https://gsapvault.com/templates/design-studio-template) | An editorial website for design agencies, creative portfolios, architecture studios, publishers and product consultancies. | ScrollTrigger | light | single page |
| [Kinetic Studio Template](https://gsapvault.com/templates/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 | single page |
| [Creative Studio Portfolio](https://gsapvault.com/templates/creative-studio-portfolio-template) | A dark creative studio portfolio website template with a sculptural photo reel, oversized typography and visual project studies. | ScrollTrigger | dark | single page |
| [Architecture Firm Template](https://gsapvault.com/templates/architecture-studio-template) | Five-page site for any practice that sells on buildings and colour: architects, interior designers, developers and design-and-build firms. | ScrollTrigger | light | 5 pages |
| [Interior Design Template](https://gsapvault.com/templates/interior-design-studio-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 | 5 pages |

## Templates in This Category

### 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.

- Tier: premium · Difficulty: intermediate
- [View template](https://gsapvault.com/templates/advertising-agency-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/advertising-agency-template.md)

### 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.

- Tier: premium · Difficulty: advanced
- [View template](https://gsapvault.com/templates/branding-studio-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/branding-studio-template.md)

### 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.

- Tier: premium · Difficulty: intermediate
- [View template](https://gsapvault.com/templates/web-design-agency-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/web-design-agency-template.md)

### 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.

- Tier: premium · Difficulty: intermediate
- [View template](https://gsapvault.com/templates/design-studio-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/design-studio-template.md)

### 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.

- Tier: premium · Difficulty: advanced
- [View template](https://gsapvault.com/templates/kinetic-studio-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/kinetic-studio-template.md)

### 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.

- Tier: premium · Difficulty: advanced
- [View template](https://gsapvault.com/templates/creative-studio-portfolio-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/creative-studio-portfolio-template.md)

### 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.

- Tier: premium · Difficulty: intermediate
- [View template](https://gsapvault.com/templates/architecture-studio-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/architecture-studio-template.md)

### 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.

- Tier: premium · Difficulty: advanced
- [View template](https://gsapvault.com/templates/interior-design-studio-template)
- [Clean Markdown for AI agents](https://gsapvault.com/templates/interior-design-studio-template.md)

## Related Guides

- [92 animated website templates built with GSAP (2026)](https://gsapvault.com/blog/interactive-website-templates) ([Markdown](https://gsapvault.com/blog/interactive-website-templates.md)): 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)](https://gsapvault.com/blog/gsap-animation-examples) ([Markdown](https://gsapvault.com/blog/gsap-animation-examples.md)): 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](https://gsapvault.com/blog/horizontal-scroll-gsap) ([Markdown](https://gsapvault.com/blog/horizontal-scroll-gsap.md)): 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.

## Related Categories

- [Portfolio Website Templates](https://gsapvault.com/templates/category/portfolio-personal)
- [Page Transition Templates](https://gsapvault.com/templates/category/page-transitions)
- [Professional Services Website Templates](https://gsapvault.com/templates/category/professional-services)

---

From [GSAP Vault](https://gsapvault.com): production-ready GSAP animation effects and complete website templates. Full catalog for agents: https://gsapvault.com/llms-full.txt