Drainage Systems Ltd
Homepage Concepts · Preview
Drainage Systems Ltd · Site Rebuild

Homepage directions

The current live homepage alongside four distinct concept directions for client review — different layouts, hero treatments and palettes, all dark-led and inspired by earth & water. The logo is fixed across every direction. Each concept carries a Montserrat ⇄ Chakra body-font toggle in the header; two also support a light/dark toggle. Click any card to open it.

01

Original

The current homepage, rebuilt

The existing Drainage Systems homepage, kept here for side-by-side comparison with the concept directions.

Original Rebuilt
View rebuilt homepage
02

Bedrock

Earth · Typographic hero

Rugged editorial. Oversized type, a numbered service index and clay accents over warm earth tones.

Light / DarkEditorial
Open concept
03

Liquid

Water · Full-bleed video

Cinematic and immersive. A looping site-work video hero, glassy stat bar and blue water glow — leaning hardest into dark.

Dark onlyVideo hero
Open concept
04

Catchment

Earth + Water · Split hero

Structured and trustworthy. A 50/50 split hero with a landscape image, a regions strip and alternating solution rows.

Light / DarkSplit layout
Open concept
05

Groundworks

Industrial · Aerial hero

Heavy and confident. A full-bleed job-site hero, thick slab grids and hazard-tape detailing for a true civil-contractor feel.

Dark onlyIndustrial
Open concept

These map to the Astro route structure under /concepts/<slug>/ (e.g. /concepts/bedrock/), matching the existing /concepts/home-orbitron/ pattern. Keep concept routes noindex and excluded from the sitemap. For client review, deploy via the preview branch → preview.itarchitects.co.nz/concepts/<slug>/. The mandatory Biolytix section appears in all four.