Agency · Process page

Agency Process Template

From brief to launch.A process page: a calm hero, a delivery timeline, a capabilities grid, pillar stats and an emblem testimonial, closing on a framed CTA — rendered in your tokens.

When to use this template

A process page removes uncertainty by showing the path from first contact to finished work as a sequence.

This one is dressed in Agency copy and runs 8 sections, opening on the Bearing navbar and closing with the Keystone footer. In between it covers hero, process and features.

At a glance

Page type
Process
Business
Agency
Sections
8
Section types
8
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. Bearing

    Navbar

    A balanced split bar: half the links to the left of a centered wordmark, the rest to its right beside the button.

  2. Mural

    Hero

    Centered copy standing on a drawn horizon line that runs full width along the bottom edge.

  3. Timeline

    Process

    A vertical timeline threaded by a rail, each step marked by a dot with its title and text alongside.

  4. Mosaic

    Features

    A centered heading above a three-column grid of feature cards, each with an icon tile, a title and a short description.

  5. Pillars

    Stats

    Tall stat cards standing in a row, each capped by a short accent bar above a left-aligned figure and label.

  6. Emblem

    Testimonials

    A single brand-loud pull-quote on a solid primary band, with every word reversed out of the colour.

  7. Frame

    Call to action

    The call to action inside an outlined frame with no fill, crowned by a short accent bar straddling the top edge.

  8. Keystone

    Footer

    A conversion banner sits above the link map, turning the footer into one last call to action.

Agency Process template FAQ

How is Agency Process different from Agency Home?
Both are Agency page templates, but they are built from different layouts — they have only 1 section in common. Agency Process runs 8 sections and opens on the Bearing navbar; Agency Home runs 9 and opens on the Bearing navbar.
Can I use only part of the Agency Process template?
Yes. The 8 sections are independent, so you can remove any of them and keep the rest. Bearing and Keystone 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 Process?
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 Work Selected projects, up close. Agency Team The people you will work with. Agency Clients The brands we build with.

All Agency templates →