# Lumen Hair Studio - website by Nerdsharks

> A five-stylist salon where customers book by stylist but the website presents the salon as one undifferentiated entity, and colour pricing is a single unexplained "from" figure. Designed and built by Nerdsharks.

- Source: https://nerdsharks.com/portfolio/lumen-hair-studio
- Publisher: Nerdsharks (Exeter, Devon, UK)
- Updated: 2026-09-27

## Design rationale

Colour clients choose a salon the way they read a fashion magazine, so the page opens like a cover. The hero is a rose-clay ground with a giant italic Lumen wordmark set in Libre Bodoni running edge to edge behind a cut-out model with a glossy dark bob, and a handwritten "colour & cut" in Mrs Saint Delafield crossing in front of her. As you scroll the three layers move at different speeds, so the wordmark sinks, the model rises and the script slides away: real depth from flat photography. Below, four looks stack up as sticky shade cards, each on its own ground with its shade name set huge behind the model, and each naming the stylist, the chair time and the price. The stylists are an editorial index of big italic names; hover one and their portrait opens in an arch beside the list. Ranges and "what moves a colour price" sit side by side, and the salon photo opens from a narrow slit to full bleed. Montserrat keeps the small print clean.

## Features

- **Giant italic wordmark behind a cut-out model, with parallax depth** - Reads as a fashion cover in the first second, which is what a colour client is shopping for.
- **Four sticky shade cards naming stylist, chair time and price** - Each look answers who did it, how long it takes and what it costs, before anyone has to ask.
- **Stylist index with hover portraits and a booking link per stylist** - Clients are choosing a person, so they can meet each stylist and book them directly.
- **Price ranges with a 'What moves a colour price' panel** - Explains why colour costs vary, so nobody is surprised at the till.
- **Good-to-know section on patch tests and consultations** - Sets expectations before a colour booking and cuts no-shows and disappointment.

Live demo: https://nerdsharks.com/demo/lumen-hair-studio