Agency · Work page

Agency Work Template

Selected projects, up close.A portfolio-of-work page: an editorial hero, an overlay and index gallery pairing, a featured case story and the team behind it, before a closing CTA — in your design language.

When to use this template

A work page is judged on the work — the layout should stay quiet and let the projects carry the page.

This one is dressed in Agency copy and runs 8 sections, opening on the Vantage navbar and closing with the Terrace footer. In between it covers hero, gallery and content.

At a glance

Page type
Work
Business
Agency
Sections
8
Section types
7
Design tokens
Colour, Radius, Shadow, Spacing, Typography
Requires JS
No
Price
Free

8 sections in this page

Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:

  1. Vantage

    Navbar

    A classic bar: logo on the left, inline nav in the middle, a sign-in link and a solid call to action on the right.

  2. Verse

    Hero

    A magazine opening spread with no imagery at all — composition and typographic hierarchy carry the whole section.

  3. Overlay

    Gallery

    Portrait image tiles with the caption set on the photograph itself, over a soft bottom-up scrim.

  4. Index

    Gallery

    A text-forward, image-free index — each row a numbered entry with a title, caption and meta column.

  5. Feature

    Content

    An editorial feature — one large hero image spanning the width, with the story following in text columns.

  6. Lineup

    Team

    A compact wrapping row of member pills, each pairing a small avatar with a name and role.

  7. Beacon

    Call to action

    A big, airy call to action with no panel at all — the copy sits straight on the page between two soft ring marks.

  8. Terrace

    Footer

    A dense sitemap footer — a slim brand header over an even grid of link columns, for "everything, mapped".

Agency Work template FAQ

How is Agency Work different from Agency Home?
Both are Agency page templates, but they are built from different layouts — they share no sections at all. Agency Work runs 8 sections and opens on the Vantage navbar; Agency Home runs 9 and opens on the Bearing navbar.
Can I use only part of the Agency Work template?
Yes. The 8 sections are independent, so you can remove any of them and keep the rest. Vantage and Terrace are page furniture you will usually replace with your own navigation and footer; everything between them is the page proper.
Do I have to write my own copy for Agency Work?
The preview is filled with sample Agency copy so you can judge the layout at a realistic length rather than against placeholder text. It is meant to be replaced — the wording is sample content, while the layout and the design tokens are what you keep.
Agency Home Credibility, front and center. Agency Bold Enterprise-grade positioning. Agency Services How the work gets done. Agency Team The people you will work with. Agency Process From brief to launch. Agency Clients The brands we build with.

All Agency templates →