Dermal Architect Facial

:root{ --navy:#03008D; --navy-line:rgba(255,255,255,0.18); --paper:#FFFFFF; --chalk:#FFFFFF; --ink:#000000; --copper:#3900BE; --copper-dim:#3900BE; --line: rgba(255,255,255,0.22); } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; background:var(--paper); color:var(--ink); font-family:'Inter',sans-serif; line-height:1.55; } .mono{font-family:'Inter',sans-serif; font-weight:600; letter-spacing:0.04em; text-transform:uppercase;} h1,h2,h3{font-family:'Inter',sans-serif; margin:0; font-weight:400;} a{color:inherit;} /* ---- top bar ---- */ .topbar{ display:flex; justify-content:space-between; align-items:center; padding:22px 6vw; background:var(--paper); } .wordmark{font-family:'Inter',sans-serif; font-size:1.05rem; letter-spacing:0.14em; text-transform:uppercase;} .topbar .tag{font-size:0.72rem; text-transform:uppercase; letter-spacing:0.12em; color:var(--copper-dim);} /* ---- hero (blueprint) ---- */ .hero{ background:var(--navy); color:var(--chalk); padding:11vh 6vw 9vh; position:relative; overflow:hidden; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size:44px 44px; } .hero::after{ content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 70% 20%, rgba(57,0,190,0.08), transparent 60%); pointer-events:none; } .hero-eyebrow{ display:flex; align-items:center; gap:10px; font-size:0.72rem; text-transform:uppercase; letter-spacing:0.16em; color:var(--copper); margin-bottom:26px; } .hero-eyebrow .dash{width:28px; height:1px; background:var(--copper);} .hero h1{ font-size:clamp(2.4rem, 5.6vw, 4.6rem); max-width:15ch; line-height:1.04; } .hero p.sub{ max-width:46ch; margin-top:22px; font-size:1.08rem; color:rgba(243,241,234,0.82); } .price-tag{ display:inline-flex; align-items:baseline; gap:10px; margin-top:38px; padding:14px 20px; border:1px solid var(--line); background:rgba(243,241,234,0.04); } .price-tag .num{font-family:'Inter',sans-serif; font-size:1.6rem; color:var(--chalk);} .price-tag .label{font-size:0.72rem; text-transform:uppercase; letter-spacing:0.1em; color:rgba(243,241,234,0.6);} .dim-caption{ margin-top:16px; font-size:0.75rem; color:rgba(243,241,234,0.5); } /* ---- section shell ---- */ section{padding:8vh 6vw;} .section-head{max-width:62ch; margin-bottom:52px;} .section-head .eyebrow{ font-size:0.72rem; text-transform:uppercase; letter-spacing:0.14em; color:var(--copper-dim); margin-bottom:14px; display:block; } .section-head h2{font-size:clamp(1.7rem,3vw,2.4rem);} .section-head p{margin-top:16px; color:#333333; font-size:1.02rem; max-width:56ch;} /* ---- architect statement ---- */ .statement{ background:var(--navy); color:var(--chalk); padding:9vh 6vw; position:relative; } .statement blockquote{ font-family:'Inter',sans-serif; font-weight:400; font-style:italic; font-size:clamp(1.3rem,2.6vw,1.9rem); line-height:1.4; max-width:38ch; margin:0; border-left:2px solid var(--copper); padding-left:28px; } .statement cite{ display:block; margin-top:20px; font-style:normal; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.12em; color:rgba(243,241,234,0.55); } /* ---- builder ---- */ .builder-wrap{background:var(--chalk);} .stage{ border-top:1px solid #E0E0EA; padding:34px 0; display:grid; grid-template-columns:90px 1fr; gap:28px; } .stage:last-child{border-bottom:1px solid #E0E0EA;} .stage-index{ font-size:0.8rem; color:var(--copper-dim); padding-top:4px; } .stage-index .n{display:block; font-family:'Inter',sans-serif; font-size:1.6rem; color:var(--ink);} .stage-title{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:6px; } .stage-title h3{font-size:1.15rem;} .fixed-pill, .choice-pill{ font-size:0.66rem; text-transform:uppercase; letter-spacing:0.08em; padding:4px 10px; border-radius:2px; } .fixed-pill{background:#EDEDF5; color:#333333;} .choice-pill{background:rgba(57,0,190,0.10); color:var(--copper-dim);} .stage-note{color:#333333; font-size:0.94rem; max-width:60ch; margin-bottom:16px;} .options{display:flex; flex-wrap:wrap; gap:10px;} .opt{ border:1px solid #E0E0EA; background:#fff; padding:12px 16px; cursor:pointer; user-select:none; display:flex; flex-direction:column; gap:2px; min-width:190px; transition:border-color .15s ease, background .15s ease; } .opt:hover{border-color:var(--copper);} .opt.selected{border-color:var(--copper); background:rgba(57,0,190,0.06);} .opt .opt-name{font-size:0.92rem; font-weight:500;} .opt .opt-price{font-family:'Inter',sans-serif; font-size:0.74rem; color:var(--copper-dim);} .fixed-line{ border:1px dashed #CFCFE0; padding:12px 16px; background:#F7F7FC; font-size:0.92rem; color:#333333; max-width:420px; } /* ---- price summary (sticky) ---- */ .summary{ position:sticky; bottom:0; left:0; right:0; background:var(--navy); color:var(--chalk); padding:18px 6vw; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; border-top:1px solid var(--navy-line); } .summary .total{font-family:'Inter',sans-serif; font-size:1.5rem;} .summary .note{font-size:0.76rem; color:rgba(243,241,234,0.6); max-width:38ch;} .book-btn{ font-family:'Inter',sans-serif; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.08em; background:var(--copper); color:var(--chalk); border:none; padding:14px 22px; cursor:pointer; } .book-btn:hover{background:var(--copper-dim);} /* ---- materials schedule ---- */ .materials{background:var(--paper);} .mat-table{width:100%; border-collapse:collapse; margin-top:10px;} .mat-table th{ text-align:left; font-size:0.7rem; text-transform:uppercase; letter-spacing:0.1em; color:var(--copper-dim); padding:10px 12px; border-bottom:1px solid #E0E0EA; font-family:'Inter',sans-serif; font-weight:500; } .mat-table td{ padding:14px 12px; border-bottom:1px solid #EDEDF5; font-size:0.92rem; vertical-align:top; } .mat-table td.code{font-family:'Inter',sans-serif; font-size:0.78rem; color:var(--copper-dim); white-space:nowrap;} /* ---- faq ---- */ .faq-item{border-top:1px solid #E0E0EA; padding:20px 0;} .faq-item:last-child{border-bottom:1px solid #E0E0EA;} .faq-q{ display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-family:'Inter',sans-serif; font-size:1.05rem; } .faq-q .plus{font-family:'Inter',sans-serif; color:var(--copper); font-size:1.1rem;} .faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;} .faq-a p{padding-top:12px; color:#333333; font-size:0.95rem; max-width:60ch;} .faq-item.open .faq-a{max-height:200px;} .faq-item.open .plus{transform:rotate(45deg); display:inline-block;} footer{ background:var(--navy); color:rgba(243,241,234,0.55); padding:28px 6vw; font-size:0.75rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; } @media (max-width:640px){ .stage{grid-template-columns:1fr;} .stage-index{display:flex; align-items:center; gap:10px;} .stage-index .n{font-size:1.2rem;} } Six stages, always.Yours to design. A signature rebuilding treatment with a fixed structure and a flexible plan, built with skin therapist Alise, at your consultation, for your skin. £995 Core Treatment CONSULTATION + 15-MIN LED INCLUDED ON EVERY VISIT An architect doesn't apply the same blueprint to every building. They assess what's in front of them, then decide what needs reinforcing, rebuilding, or leaving alone. — The logic behind every Dermal Architect Facial Build Yours The same six stages, every time. What fills them is yours to choose. Three stages are always fixed — they're the constants of the treatment. Three are chosen with Alise, based on what your skin needs at consultation. Try building yours below. I Prep Always included Cleanse, tone, and degrease — the surface is prepared without disrupting the skin barrier. SkinCeuticals Simple Clean II Resurface Chosen with Alise Resurfacing intensity is matched to your skin's tolerance and goals. Candela Laser Facial INCLUDED A Peel (any available) INCLUDED III Rebuild Always included The structural stage — where new collagen and elastin production is switched on. NCTF Mesotherapy + Microneedling with Copper Peptides IV Personalise Chosen with Alise A personalised serum matched to your specific concerns, with the option of an injected upgrade. Personalised Serum INCLUDED + Calecim +£100 + Injected Polynucleotides +£250 + Injected Polynucleotide Cocktail +£395 V Seal Always included Supports cell signalling and locks in the work of the previous stages. Purasomes + LED Therapy VI Finish Chosen with Alise A finishing serum matched to your specific concerns, to calm the skin and protect the barrier before you leave the chair. PTIOX Cream + Serum INCLUDED C E Ferulic INCLUDED Silymarin CF INCLUDED Phyto Corrective INCLUDED £995 Your build so far — final plan confirmed with Alise at consultation. Book Consultation Materials Schedule What's actually going into the rebuild NCTF alone carries 59 active ingredients. Here's what's structurally relevant. Code Material Function B5 SkinCeuticals Simple Clean Barrier-safe prep HA Non-cross-linked hyaluronic acid Deep hydration V·12 12 vitamins (incl. A, C, E, B-complex) Cellular repair AA·24 24 amino acids Collagen + elastin building blocks MIN·6 6 minerals Corrects nutritional deficiencies at skin level NUC·5 5 nucleic acids Cell communication + repair CoE·6 6 coenzymes, incl. NAD Drives the skin's own energy + repair processes Cu Copper peptides Collagen remodelling during microneedling PS Purasomes Cell signalling + repair, post-treatment FIN PTIOX, C E Ferulic, Silymarin CF or Phyto Corrective Barrier lock-in + calming finish, matched to your concern