Agency · Contact page

Agency Contact Template

Start a project.An agency contact page: a compact hero and a centered enquiry form — clean and focused, rendered in your design language.

When to use this template

A contact page succeeds when it answers three things fast: how to reach you, where you are, and when you are open.

This one is dressed in Agency copy and runs 4 sections, opening on the Bearing navbar and closing with the Anchor footer. In between it covers hero and contact.

At a glance

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

4 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. Signal

    Hero

    A slim page header for utility pages: an eyebrow, one headline and a single line of subcopy, with no persuasive apparatus.

  3. Message

    Contact

    A form-forward contact block: one card with a name and email row, a message field and a full-width submit.

  4. Anchor

    Footer

    A minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.

Agency Contact template FAQ

How is Agency Contact different from Agency Home?
Both are Agency page templates, but they are built from different layouts — they have only 1 section in common. Agency Contact runs 4 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 Contact template?
Yes. The 4 sections are independent, so you can remove any of them and keep the rest. Bearing and Anchor 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 Contact?
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 Process From brief to launch.

All Agency templates →