What’s inside the Agency Website.
9 screens with real content in place. Rewrite them, reorder them, or add your own.
- 1Screen 1Home hero: a 168px headline with a photo pill, a black circle and a quarter circle, the studio intro, recent launches, a round call to action and a black services band
- 2Screen 2Selected work: filters, a grid of project cards with photos and flat shapes, years and services, and a yellow 'your project here' tile
- 3Screen 3Case study: hero and results: the client name at 200px on yellow, the brief and credits beside a full-height photo with a sticker and launch film, then results in big yellow numbers on black
- 4Screen 4Case study: process and gallery: the brief, the idea, sketches and a gallery of the identity, packaging and campaign
- 5Screen 5Services: what the studio does, how projects run and typical timelines
- 6Screen 6Studio and team: the people, the studio space and how they work
- 7Screen 7Clients and awards: a wall of client names and recent recognition
- 8Screen 8Journal: articles and notes from the studio in a card grid
- 9Screen 9Contact: a large yellow headline, an enquiry form with service and budget choices, the partner who replies and the studio's details
When to use it.
Agency Website is a 9-screen website design for creative agencies, design studios and freelancers showing their work. It runs from a loud home hero to a selected-work grid, a two-part case study with results and a process gallery, services, the studio and team, clients and awards, a journal and a contact page with an enquiry form. Signal yellow and black blocks, oversized 168px Inter headlines, flat circles and quarter circles, and photos cut into pills and circles give it a bold, geometric look.
Made for
- Web design agencies and freelancers
- Small businesses planning a new site
- Founders launching a product
- Developers who need a design to build
Make it yours in four steps.
Open it in UI design and work through it, or let Docsiv AI do the first pass with your details.
- Step 1
Replace Yolk with your studio's name and set the yellow to your own colour.
- Step 2
Swap the project cards, case study photos and results for your own work.
- Step 3
Edit the services, team, clients and journal posts.
- Step 4
Link the screens into a clickable prototype, or export them as FIG, SVG, PNG or PDF for your developers.
Start from the Agency Website now.
Questions about this template.
Something else on your mind? Ask us in the chat, bottom right of the page.
Is the Agency Website template free?
Yes. Create a free account and it opens in Docsiv's UI design app, ready to edit and share. The Free plan includes every Docsiv app and 500 AI credits a month.
Can I change the colours, fonts and text?
Yes, all of it. The template uses Inter with #ffd400, #0b0b0b, #ffffff, #f4f1ea, and you can change any of them, rewrite every word and add or remove screens and layers.
What can I export it as?
UI design in Docsiv offers: FIG, SVG, PNG and PDF files. Once it's saved, you can also share it with a link.
Can Docsiv AI change it for me?
Yes. Tell Docsiv AI what you need, such as your brand's colours, new wording or another screen, and it makes the changes in UI design for you to review. AI uses credits; the Free plan includes 500 a month.
Start your website design with Docsiv AI
Describe the client or the project and Docsiv AI writes a first draft of your agency website for you to edit, share and send.