CASE FILE :: 10/19
htm@portfolio:~$ cat pureairo
10 / 19
Pureairo

Pureairo

Two brands, one Next.js codebase. Pureairo for Russell across NSW, EcoHealth for Steve in Melbourne. Different colours, contacts, geography, leak-tested.

Brand differentiation lives below the surface: contact data, postcode bias, even WCAG ratios. Abstracted into one config or the whole thing leaks.

Year2024 to presentSectorMould RemediationRoleDual-brand Identity + Site + Collateral
Jump to artboards

Challenge

Russell ran Pureairo in Sydney. Steve ran a sister business in Melbourne. Both needed brand-grade sites with separate domains and a shared service backbone. The trap was a single codebase that quietly leaks each brand into the other, sending Sydney enquiries to Melbourne and vice versa.

Artboards · selected work

Pureairo01 / 09
Sydney's Mould & Air Quality Specialists · brand hero
01
Sydney's Mould & Air Quality Specialists · brand hero
01 / 09

Solutions

  • Host-header middleware resolves each domain to a brand context (x-brand), threaded through every Next.js server component
  • Two visually distinct identities sharing one design system, Pureairo green and EcoHealth blue, both hand-tuned to WCAG AA 4.5:1 on white
  • Full collateral system, business cards, A-frames, car magnets, door-hanger flyers, all brand-aware via the same config
  • 180-test E2E brand-leak suite, axe-core plus Playwright, catches any visible Pureairo string on an EcoHealth page (or the reverse) before it ships

Results · in numbers

2
Brands served from one codebase
180
Brand-leak E2E tests · 36 specs × 5 viewports
6.57:1
WCAG AA contrast on the Pureairo green
3
Business-card variants printed for the dual-brand system

Brand system

Palette
/01
Pureairo Green
/02
EcoHealth Blue
/03
Deep Forest
/04
Brand Grey
/05
Glacier
/06
Bone