Casa Serena · Design system

A quiet language for a Madrid house of beauty

Warm stone and ivory, a muted sage accent, Cormorant Garamond over Jost. Every component below is styled from the same tokens — no page-level overrides.

Colour

Semantic oklch tokens declared once in styles.css and mapped to Tailwind utilities.

Ivory

--ivory

Warm stone

--stone-warm

Sage

--sage

Blush

--blush

Gilt

--gilt

Ink (primary)

--primary

Muted

--muted

Border

--border

Typography

Cormorant Garamond, light, for display. Jost for body copy, labels and UI.

Display / H1

Rituals for skin, hair and hands

Display / H2

Salamanca, Madrid

Body

Our treatment rooms are designed for slowness: linen, low light and quiet. Each appointment begins with a consultation and a cup of infusion, so the therapist can shape the ritual around how your skin feels that day.

Small / meta

90 minutes · from €180 · Tuesday to Saturday

Buttons

Uppercase, wide tracking, 300ms transitions. Four sizes.

Badges

Used for durations, categories and availability states.

New
Signature
Bridal
Members only
90 min
Waitlist

Cards

Five variants: default, quiet, elevated, tinted and editorial.

Signature

Serena Glow Facial

A sculpting lymphatic facial with cold jade and a barrier-repair mask.

75 min · €160

Colour & Gloss

Balayage refresh with a bespoke gloss, finished with a soft blow-dry.

  • Consultation included
  • Ammonia-free formulas
  • Senior stylist available

Nail Atelier

Dry manicure, cuticle work and a hand ritual with warm oil.

50 min · €65

Section headers

One component for every page section, left or centre aligned.

Treatments

Considered from the first minute

Each ritual is built around consultation, not a menu.

The house

Calm, by design

Six rooms, one hair studio and a nail atelier in Salamanca.

Forms

Booking inputs: tall targets for thumbs, quiet labels, sage focus ring.

Request an appointment

We reply within one working day.

Modal

Soft overlay, card surface, serif title, stacked on mobile.