Volcanic peaks and a steaming crater seen through bare, twisted trees
Worked example

The agency archetype, end to end

Portfolio and agency is the largest single category on every template marketplace. This page is what the Agency site kit produces, wired to real project documents.

All workUpcoming events

Selected work

The Project Grid block, in its “Image with title over it” style. It queries the projects collection itself — nothing is copied onto the page, so publishing a project updates every listing at once.

The same block, as cards with results

Cards show the summary, the services and — with “Show results” on — the numbers the case study is actually read for.

  • Pink blossom hanging in front of a painted temple eave

    Meridian Museum Trust · 2025–26

    One identity across nine buildings

    A single visual system for a trust whose nine sites had drifted into nine unrelated brands over two decades.

    Sites unified
    9
    Type system
    1
    Print production cost
    −60%
    • Brand identity
    • Design system
    • Signage
  • A row of historic gabled houses along a city canal, with a tour boat passing

    Northwind Coffee · 2026

    A checkout that stopped losing people

    Rebuilt a subscription checkout that was dropping two in five customers at the payment step, and shipped it in twelve weeks.

    Checkout conversion
    +38%
    Time to interactive
    −2.1s
    Start to launch
    12 wks
    • Research
    • Interface design
    • Front-end build

What’s coming up

The Event List block. “Upcoming” is judged against the end date when there is one, so a conference that started yesterday and ends tomorrow is still on now rather than filed under past.

  • Block library walkthrough

    An hour through all thirty blocks — what each is for, and the three or four that most sites never need.

  • Page kits office hours

    Drop-in session on the kit system: what a kit is, when to make one, and why they are code rather than content.

  • Theming without breaking the system

    A half-day on theme presets, palettes and textures — and why per-block colour controls are deliberately absent.

What people say

  • “A real quote names the problem and the outcome. This one is a placeholder, and it is doing neither — which is the difference an editor should be able to see at a glance.”
    A clientRole, Company
  • “A second quote, ideally about a different benefit than the first.”
    Another clientRole, Company

Build this in one click

Everything on this page is the Agency site kit, available in the admin panel under “Start from a kit” or from the CLI with `pnpm seed --kit=agency`.

The block libraryAbout
Page view