H4 homepage drafts

Five design directions for the Syncromesh building performance homepage, built from the same content so the differences are design alone. Open a draft and scroll slowly, because the motion is a big part of each one. Every draft works on a phone too. Wording and figures are placeholders until the final content is agreed.

Last updated 26 October 2026

Atmospheric Glass

Mist blue, lavender and mint
Open draft

Luminous and modern. A glass energy dashboard builds itself panel by panel as you scroll, wired to softly drifting mesh points.

Atmospheric Glass, opening screenAtmospheric Glass, the dashboard fully assembledAtmospheric Glass on a phone

Calm Biophilic

Sage, cream and oak
Open draft

Warm and human. A planted building moves from morning to evening light while live-looking energy readings ease beside it.

Calm Biophilic, opening screenCalm Biophilic, the systems sectionCalm Biophilic on a phone

Living Building

Pastel clay and soft sky, in 3D
Open draft

A 3D building model that opens floor by floor as you scroll, with sensors lighting up and linking back to one gateway.

Living Building, opening screenLiving Building, the steps sectionLiving Building on a phone

Architectural Daylight

Limestone, sand and graphite
Open draft

An architecture magazine feel. Elegant serif headlines, sunlit photography, and a room that wakes up one system at a time.

Architectural Daylight, opening screenArchitectural Daylight, the room waking upArchitectural Daylight on a phone

Nordic Precision

Fog grey, slate blue and a yellow accent
Open draft

Crisp and engineered. Oversized type and a sideways-sliding walk through the install steps, with line drawings that draw themselves.

Nordic Precision, opening screenNordic Precision, the sideways stepsNordic Precision on a phone