ScentVault · Ecommerce rebuild · August 2026

Three design directions

Each sample is a complete visual language, not just a homepage: the shop grid, product page, journal and about/contact templates are all drawn in the same system. Pick one — or name the parts you want hybridised — and it becomes the basis for the React build.

ScentVault

DIRECTION 01

Vault Noir

Obsidian, amber glass and brushed steel. High-contrast serif, hairline product “drawers” that light up on hover, ambient smoke behind the hero. The highest perceived price point — and the most demanding on photography.

DarkCinematicLuxuryPhoto-heavy

Open sample →

Atelier

DIRECTION 02

Atelier Press

Olive paper, aubergine ink, one ultramarine accent. The catalogue is a stock list rather than a card grid — one line per bottle, family and price in columns. Scales to 1,480 SKUs and needs almost no product photography.

LightEditorialText-ledCheapest to run

Open sample →

Aura

DIRECTION 03

Aura Lab

Pearl ground, glass cards, and a colour system that means something: every scent family owns a hue that drives the card art, pills and meters. Interactive scent wheel, quick-add, mobile tab bar — the strongest on phones.

LightApp-likeInteractiveMobile-first

Open sample →

How to share these

Every file is self-contained — one HTML file each, no images, fonts or scripts to fetch. Email them, drop them in WhatsApp, or open them offline.
To put them online, upload these four files to a folder on the cPanel host (e.g. public_html/samples/) and share that URL. The links between them are relative, so they keep working.
Product names, prices, notes and copy are placeholders written to be plausible, not final. Every number is easy to swap once the catalogue is loaded.