How we built KAP Joinery

Paul came to me with a printed flyer he loved — gold and black, sharp geometric shapes. We carried that style through the whole site.

KAP Joinery website shown on iMac, MacBook, iPad and iPhone — dark workshop hero, services section, angled section transitions
Visit kapjoinery.co.uk Static HTML AWS S3 GitHub Actions

Paul came in with taste already.

Paul came to me with a clear idea of the look he wanted — based on a printed flyer he'd loved the design of. Gold and black, sharp geometric shapes, a more high-end feel.

That's a great place to start a build. Most projects begin from a blank page; this one began with a brand reference Paul already trusted. The job was to listen, take the parts he loved most, and translate them from print into a website.

This is the part of web design I enjoy most: taking what a client already has in mind and turning it into something real online.

Palette swatches: near-black #0E0D0B, dark #1A1612, gold #C9A253
The two-colour spine of the build — gold on near-black.

From print to web

Four design choices that carry the flyer's DNA into the site.

KAP Joinery homepage — the page transitions from white into black with an angled diamond-cut, three diamond-cropped kitchen photographs sit on the dark band
The homepage's angled white-to-black transition — kitchen photographs sit inside diamonds that echo Paul's print reference.
01

Gold on near-black

The palette became the site's signature contrast. Headlines, accent rules, and buttons all sit in the same two-colour family Paul brought in — so the brand feels consistent the moment a visitor lands.

02

Angled section cuts

The homepage is my favourite part. Instead of the usual flat horizontal section breaks, it uses angled diamond-edge cuts. They draw the eye, give the page a structural rhythm, and fit the geometric language Paul already loved.

03

Print-feeling typography

Headlines use a display serif that nods to a high-end print piece — a quiet hat-tip to where the design started. Body copy stays in a clean sans for legibility.

04

Built from scratch

No off-the-shelf template. Every section was coded from scratch around Paul's brand, so the site feels like his business and not a Squarespace block dropped in.

The logo had an invisible box around it.

You can see it the moment you try to put it over anything that isn't the colour it was made on. Paul's original logo was locked to a dark background — fine for a one-off use, but limiting for a website that mixes light and dark sections, or for anything Paul might need it on later: business cards, signage, a van panel.

We pulled it out cleanly, recoloured it to match the new site's gold accent, and handed it back as an asset that drops onto any colour. Same logo, useful everywhere.

KAP Joinery logo, before and after — left half shows the original gold-on-dark logo trapped in a dark rectangle that doesn't blend with the light page; right half shows the cleaned-up gold logo sitting cleanly on the same light page with no visible rectangle around it
Both halves are the same logo on the same cream background. The original carries its background with it — the cleaned-up version doesn't.

It's the kind of small fix that pays back every time the logo gets used somewhere new. Light brand work like this is included on every website I build — same as for Paul.

The functional parts under the design

Design is the part you see. These are the parts that do the actual work.

  • Quote form on every page — for customers who'd rather type a brief than scroll a Messenger thread.
  • Built-in review system — visitors leave a review on the site, it auto-publishes to the page, and feeds Google's review snippet.
  • Quick page loads — the whole site is light enough that customers see it almost instantly, even on a patchy mobile signal. Slow sites lose people; this one doesn't.
  • No outages during updates — when I tweak something (a new photo, an updated phone number), the site never goes offline. Customers landing mid-change don't see a broken page.
  • Padlock that takes care of itself — the little padlock in the browser bar (the bit that tells customers it's safe to fill in the quote form) renews automatically. No annual reminder, no expired warning showing up six months in.
  • Professional business email — info@kapjoinery.co.uk on a custom domain, set up day one.

The same hosting Netflix uses.

Paul's site sits on Amazon Web Services — the same cloud platform that runs Netflix, BBC iPlayer, and Just Eat. Massive overkill on paper for a Glasgow joiner, but in practice it means the site doesn't fall over when traffic spikes (a busy week, a Facebook post landing well), there's no single server in a back room somewhere that can break at 3am, and Paul only pays for what actually gets used.

Most small-business sites get parked on £5/month shared hosting where a few hundred other sites all share one server. When one of those neighbours has a busy day, everyone slows down. KAP doesn't have that problem — the site gets pulled straight from Amazon's storage every time somebody visits.

★★★★★
Absolutely delighted with the web page Grant has set up for my joinery business — very professional and was super quick in responding to my questions and queries. 10/10 Excellent experience.
Paul Cameron KAP Joinery — Glasgow

If you've got an idea of how you want your site to feel — I'd love to hear it.

Whether you've got a printed flyer, a Pinterest board, or just a rough idea — I'll mock something up first so you can see it before you commit to anything. Free.

Or call 07459 934592

Not ready to chat? See the small-business package →