Start a project
All work

Concept Medical aesthetics · SoHo, New York · 2026

Lucidum

A med spa that explains every treatment by how deep it goes, from the surface of the skin to the bone.

Recorded from the live site at lucidum-two.vercel.app

The brief

Most med spa sites sell a glow. Lucidum sells a measurement: every treatment sits at the depth in the skin where it actually works, and the home page is one long scroll down through those layers, from the surface to the bone.

Lucidum is a fictional medical aesthetics clinic on Greene Street in SoHo, for adults who are wary of med spa hype and want to know what a treatment does before they pay for it. The brief I set: earn trust by being exact. No before and after sliders, no promises, just the one honest thing a clinic can say and a spa can't, which is how deep each treatment reaches. The name comes from the stratum lucidum, the clear layer of the skin.

Type
Concept, self-initiated
Role
Concept, Brand identity, Art direction, Web design, Development
Built with
Next.js, GSAP, Lenis, Vercel
Typefaces
Switzer

How it was made

  1. A descent, not a menu

    The home page scrolls through six layers of skin, from the surface at 0.00 mm down to bone at about 8 mm. Each of the seven treatments sits at its real depth, with the layer named in Latin italics, the way an anatomy textbook does it.

  2. Colour earned by anatomy

    The page starts on cool slide glass and deepens layer by layer through the pinks of a stained tissue sample to wine and near black. All the text follows the ground through one variable, so it stays readable at every depth.

  3. A gauge that keeps count

    A millimetre gauge sits on the edge of the screen and reads your depth as you scroll. At rest its needle drifts by a few thousandths of a millimetre, like a real instrument, and the wordmark itself is cut into six layers.

Lucidum: Surface to bone

Chapter 1 of 4

Surface to bone

Most clients can't say what a peel does differently from a filler, and most clinic sites never tell them. Lucidum opens with the one fact that explains it: everything happens within about eight millimetres. Six layers, seven treatments, and a gauge that keeps count as you go down.

Lucidum: The page goes deeper

Chapter 2 of 4

The page goes deeper

Each layer gets its own screen: what lives there, then the treatment that works at that depth, with its range in millimetres. By the deep dermis the page has turned the colour of the tissue itself, so you can feel how far down microneedling reaches before you read a word about it.

Lucidum: Rules instead of promises

Chapter 3 of 4

Rules instead of promises

At the bottom of the skin, where a spa would put its reviews, Lucidum puts six house rules. You hear the depth before the price. Nobody is treated on the day of their consultation. Only nurses and physicians inject. Trust comes from what the clinic refuses to do.

Lucidum: Back to the surface

Chapter 4 of 4

Back to the surface

The page climbs back out through the layers to the clinic itself: one floor of a cast iron building, north light, no waiting room. Every photograph was art directed as one photographer's series, so the rooms, the people and the treatments look like the same place.

Colour and type

The palette and typefaces Lucidum ships with.

Switzer

  • Slide glass#EFEDEE
  • Eosin#B4305C
  • Dermis#8E3F5A
  • Subcutis#3A1826
  • Bone#140D11

Up close

  • Lucidum, screen 1
  • Lucidum, screen 2
  • Lucidum, screen 3
  • Lucidum, screen 4

On the phone

Most visitors meet Lucidum on a phone, so the phone layout was designed, not squeezed.

  • Lucidum on a phone, screen 1
  • Lucidum on a phone, screen 2
  • Lucidum on a phone, screen 3
treatments, each placed at its real depth
7
layers of skin, surface to bone
6
before and after sliders
0

Want a site like this for your business?

Tell me what you do and who it is for. You get a free first call and a clear quote.

Start a project