Lumetra

The phone stacks into 1.7 times the scroll rather than shrinking the desktop layout.

  • Wellness
Section 01 of the Lumetra site, the opening

01The opening

Measured 2026-09-01

Screens on the desktop
10.1
9,098 px tall at 1440 px wide
Screens on the tablet
9.9
10,956 px tall at 834 px wide
Screens on the phone
17.5
14,735 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.

01The opening

Section 01 of the Lumetra site, opening

A stone basin almost monochrome, everything centred over it: stars, a serif headline, two buttons.

02How it works

Section 02 of the Lumetra site, how it works

Cream ground, a photograph left, the first two steps right, numbered in small circles.

03The concern selector

Section 03 of the Lumetra site, the concern selector

A portrait centred on cream with dots pinned at the brow, the cheeks and the jaw.

04Signature treatments

Section 04 of the Lumetra site, signature treatments

Two cards rather than a grid, so each treatment takes about a third of the screen.

05Client experiences

Section 05 of the Lumetra site, client experiences

Three cards of the same height, five stars at the top of each, an avatar and a name.

06The assessment form

Section 06 of the Lumetra site, the assessment form

The page's first solid colour: terracotta, a portrait left and a seven-field form right.

Design highlights

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

  • #f7f2f083%
  • #ffffff5%
  • #9c63495%
  • #0000003%
  • #502e182%
  • #7373731%
  • #20130c<1%
  • #d8c9b5<1%
Families loaded
Cormorant Garamond, Fustat, Fragment Mono, Inter, Work Sans, Montserrat
Cormorant Garamond sets the headings, Work Sans 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.

Lumetra, the full page as it renders at 1440px wide
Desktop, 1440px
Lumetra, the same page at 834px wide
Tablet, 834px
Lumetra, the same page at 390px wide
Phone, 390px