01 · Web Design

Choose a layout.
We make it yours.

Start with a layout you can try. We adapt the words, photos and details to your business, with one scope agreed before we build.

Get a layout quote See the four layouts

One brief. Four layouts.

On a desktop

The same layout, at desktop width.

On a phone

Swipe the preview, or use the arrow keys, to change layouts.

Screenshot previews. Open the live layout to try it.

Open live layout

.wd-pick-head,.wd-card--phone>p{display:none}.wd-nojs{display:grid;gap:12px;margin-bottom:var(--space-s)}.wd-nojs ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0}.wd-nojs a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:.2em}

Explore the four full-size layouts:

Trade home

A trade business’s home page: what you do, proof you do it, one way to ask.

Every layout is shown with the same demo firm, Northgate Roofing.

Export details and measurements

Bone & Bronze · 40 files, no scripts

Measured on all four: Lighthouse 99–100 and accessibility 100 on a phone, and no JavaScript needed to show the words.

lighthouse 13.4.1 (CLI), median of 3, mobile preset, 2026-09-18, Presive b108. Each export served at its own root, as a customer would host it, not through this site’s /demo/ path. These results describe the frozen exports.

Download this export

Get a layout quote

Most small-business sites die in the choosing.

Colors, fonts, templates, plug-ins: weeks of deciding, then a site that looks like everyone else’s. Swipe & Match takes the deciding away: the layouts are already drawn, the type and color already fit, and the only thing left is which one you like.

One of the four Swipe & Match layouts on a phone: the Service page export in Ink & Mint.

How it works

You choose. We do the rest.

Your choice sets the direction

Pick one of the four layouts above, then tell us about your business. We agree the scope, adapt the design and hand over the finished site with its source files.

What a handover folder holds

It is yours: no account, no monthly fee to keep it alive, and it runs on any host that serves files.

index.htmlthe page itself
fonts/2 typefaces
media/7 photographs, 34 files, 4–5 sizes each
robots.txtwhat crawlers may read
sitemap.xmlevery address on the site
swipe-match.jsonthe page’s own settings, as JSON

All 40 files

fonts/fraunces.woff2
fonts/outfit.woff2
index.html
media/px-13075346-1200.webp
media/px-13075346-1600.webp
media/px-13075346-2000.webp
media/px-13075346-480.webp
media/px-13075346-800.webp
media/px-17490213-1200.webp
media/px-17490213-1600.webp
media/px-17490213-2000.webp
media/px-17490213-480.webp
media/px-17490213-800.webp
media/px-18197680-1200.webp
media/px-18197680-1600.webp
media/px-18197680-2000.webp
media/px-18197680-480.webp
media/px-18197680-800.webp
media/px-18641870-1200.webp
media/px-18641870-1600.webp
media/px-18641870-480.webp
media/px-18641870-800.webp
media/px-37521406-1200.webp
media/px-37521406-1600.webp
media/px-37521406-2000.webp
media/px-37521406-480.webp
media/px-37521406-800.webp
media/px-38018467-1200.webp
media/px-38018467-1600.webp
media/px-38018467-2000.webp
media/px-38018467-480.webp
media/px-38018467-800.webp
media/px-4917184-1200.webp
media/px-4917184-1600.webp
media/px-4917184-2000.webp
media/px-4917184-480.webp
media/px-4917184-800.webp
robots.txt
sitemap.xml
swipe-match.json

Your words and photos, or ours

Use your own words and photos, or ask us to help choose them.

Easy is the point

No brief to write and no design meeting. If you can swipe, you can choose a website. Every combination was checked before you could reach it: color contrast, text over photographs, focus rings. The picker will not let you pick one that fails.

Tell us your trade and your town. That is the whole brief. Nothing about design.

Ready when you are.
Send the brief.

The price is agreed before anything is built.

Rather skip the swiping? We design one around your brand.