01The opening
Towels, candles and stones, a rounded floating nav, and four icon claims on a white bar.
Lumiera
The phone stacks into 1.7 times the scroll rather than shrinking the desktop layout.
- Spa
01The opening
Measured 2026-09-01
- Screens on the desktop
- 9.5
- 8,566 px tall at 1440 px wide
- Screens on the tablet
- 8.6
- 9,574 px tall at 834 px wide
- Screens on the phone
- 15.9
- 13,391 px tall at 390 px wide
Six sections
The site, read one section at a time. What each one is for, and the one thing the design does there.
02Treatments
Four cards in a row, a photograph, a name and an arrow. No price on any.
03Massage therapies
A face during treatment, full width, with the heading over it and four pills underneath.
04The price list, and a guest's words
Rows of thumbnail, name, duration and a From price, then one quote with a large quotation mark.
05Press and therapists
Eight grey wordmarks under an As seen in label, then four portraits on pale blue.
06Newsletter and footer
A dark blue band of four contact blocks, then the newsletter field and three link columns.
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
- Built on
- Framer
- Measured
- 2026-09-01
On every screen
The same page at 1440, 834 and 390 pixels wide, drawn at one scale so the phone really is this much narrower.
