landflow

Swiss GridLanding page template

A 12-column grid, uppercase grotesk, one signal red

A strict 12-column, uppercase-grotesk page with one signal red for consultancies, architecture practices and firms that sell rigour, with fees in writing and a briefing call.

10 sections 6 photos 4 colour schemes Enquiry form
Swiss Grid landing page template, desktopSwiss Grid landing page template on a phone
01 preview

See the whole page before you start.

Switch devices, scroll the full page, or open the live demo. This is the exact layout, photos and sample text a new page starts with.

All templates
Swiss GridProfessional services · 10 sections
Swiss Grid template, the whole page on desktop
02 what's on the page

Every section, in the order a visitor meets it.

The headings are the demo's own sample text. Your brief, or the AI copy pass, replaces them; the structure stays.

  1. 01 / 10 Hero

    Buildings that keep their word.

    Swiss Grid template — Hero section
  2. 02 / 10 Numbers band
    Swiss Grid template — Numbers band section
  3. 03 / 10 The practice

    We publish the programme and the fee before we draw a line.

    Swiss Grid template — The practice section
  4. 04 / 10 Services

    Four ways to hire us.

    Swiss Grid template — Services section
  5. 05 / 10 Process

    Five stages. You sign off each one.

    Swiss Grid template — Process section
  6. 06 / 10 Selected work

    Three buildings, three kept promises.

    Swiss Grid template — Selected work section
  7. 07 / 10 A client
    Swiss Grid template — A client section
  8. 08 / 10 Fees

    What it costs, in writing.

    Swiss Grid template — Fees section
  9. 09 / 10 Questions
    Swiss Grid template — Questions section
  10. 10 / 10 Start

    Tell us the site and the number.

    Swiss Grid template — Start section
03 the template

How this page works, and how to make it yours

For firms that sell order and proof

Some clients want warmth; others want to see that a firm keeps its promises. Swiss Grid is for the second group. It uses a strict 12-column grid, uppercase grotesque type, numbered sections and a single signal red, and it lets figures and completed work speak.

It suits consultancies, architecture and engineering practices, law and accounting firms, research groups, industrial and B2B manufacturers and design studios that sell rigour. Choose it when the brief is credential-led and wants proof rather than warmth.

How the page builds credibility

The hero sets a short statement, “Buildings that keep their word”, beside the practice’s disciplines, founding year and city. A numbers band follows with buildings delivered, largest ever overrun, awards and returning clients. The practice section states the firm’s principle in two sentences.

Services gives four ways to hire the firm, each with how the fee is set. Process lays out five stages the client signs off one by one, and selected work shows three projects, each labelled with the promise it kept, such as delivered a week early or with no variations.

A single client quote confirms that the date and number held. Fees explains how fees are fixed and when they can change, questions covers geography and working with others, and the page ends with a briefing form that promises a plain answer on fit.

Adapting the design

Four accents are included: Signal red, Black, Cobalt and Orange. Type can be Archivo throughout, Familjen Grotesk headings over Archivo, or Space Grotesk over Barlow. The demo uses only six photographs, so a few strong images of your work are enough.

The grid holds when you edit. Change figures, service lines and project labels in place, or select a section and ask the AI to tighten it.

Writing it for your firm

Starting from the template costs no credits. For about 20 credits, the AI can write the copy for your practice into the same layout. Give it your disciplines and location, the figures that prove your reliability, how clients can hire you, your stages, three projects with a measurable promise each, how fees are set and where you work.

Evidence the grid needs

This template is built for firms that sell rigour, so the numbers carry more weight than adjectives. Gather the facts behind the stats band: projects delivered, schedule performance, awards and the share of clients who return or refer. If you publish a worst case, such as the largest overrun ever, make sure it is accurate, because that single honest number is what makes the others believable.

The services section should state how each engagement is priced, for example a percentage of build cost, a fixed fee or a day rate, and when the price is agreed. Write the process stages with what the client signs off at each one. For the selected work, choose three projects and one fact each that shows a kept promise, such as delivered in week 61 of 62 or zero variations. Six photographs carry the page, so choose clean architectural or product images that suit the strict grid.

Law, accounting, engineering and manufacturing

A law firm can turn the services into practice areas with fee arrangements and replace built projects with representative matters. Accounting practices usually list services by client type and publish fixed monthly fees. Engineering consultancies can keep the stages and show project data such as capacity or tonnage. B2B manufacturers can use the numbered sections for capabilities, tolerances and certifications, with the enquiry form asking for drawings or quantities.

When another template fits better

Swiss Grid is austere on purpose. A law, accountancy or advisory firm that wants a traditional serif feel should look at Counsel Practice. Builders selling construction rather than design are better served by Construction, and a design studio presenting a body of work as an index fits Studio Index. Solo consultants have Solo Consultant, and IT or engineering services with SLAs belong on IT Solutions.

More are listed on the professional services templates page.

Before you publish

  • Check every figure in the numbers band against your records.
  • Get client permission for named projects and the quote.
  • Make sure fee wording matches your terms of appointment.
  • Ask for site, project type and budget in the briefing form.
04 questions

Before you start

Which firms is this template for?
Consultancies, architecture and engineering practices, law and accounting firms, research groups, industrial and B2B manufacturers, and design studios that want to look rigorous.
Is it too plain for a creative practice?
It is deliberately restrained. The single accent and strict grid make photographs of built work and exact figures stand out; that restraint is what clients read as competence.
Can we show fees as percentages?
Yes. The fees section is written for percentage-of-cost or fixed fees with the conditions stated. Replace the figures with your own terms.
What colours and type are included?
Signal red, Black, Cobalt and Orange, with Archivo throughout, Familjen Grotesk headings or Space Grotesk over Barlow.

Start from this page, or from a paragraph.

Starting from the theme costs no credits. Or describe the offer and the AI draws a new page in this style, usually in about two minutes.