Lumiera

Client
Lumiera
Sector
Spa
Lumiera, the full page as it renders at 1440px wide
Lumiera, the same page at 834px wide
Lumiera, the same page at 390px wide

On every screen

The feeling of a spa, before you arrive

Lumiera brings the atmosphere of a spa into the first moments on the page. Treatment photographs, warm accents and generous space give it a quiet quality. Service previews, the team and visible booking prompts connect that feeling to what a visitor needs to know.

01 / 03

Six sections

The site, read one section at a time. What each one is for, and the one thing the design does there.

Section 01 of the Lumiera site, opening

01

The opening

Towels, candles and stones, a rounded floating nav, and four icon claims on a white bar.

Section 02 of the Lumiera site, treatments

02

Treatments

Four cards in a row, a photograph, a name and an arrow. No price on any.

Section 03 of the Lumiera site, massage therapies

03

Massage therapies

A face during treatment, full width, with the heading over it and four pills underneath.

Section 04 of the Lumiera site, the price list, and a guest's words

04

The price list, and a guest's words

Rows of thumbnail, name, duration and a From price, then one quote with a large quotation mark.

Section 05 of the Lumiera site, press and therapists

05

Press and therapists

Eight grey wordmarks under an As seen in label, then four portraits on pale blue.

Section 06 of the Lumiera site, newsletter and footer

06

Newsletter and footer

A dark blue band of four contact blocks, then the newsletter field and three link columns.

02 / 03

Design highlights

Every colour was read off the rendered page and weighted by the area it paints. Photographs are not in it.

  • #ffffff80%
  • #1a1a1a9%
  • #ecf5f48%
  • #4c5c683%
  • #000000<1%
  • #fdf3e3<1%
  • #b48e5a<1%
  • #2e7d5e<1%
Families loaded
Fragment Mono, Figtree, Fraunces, Inter
Fraunces sets the headings, Figtree sets the text
Measured
2026-09-01