BeautyMedica
Open search
Complimentary Consult

Internal Handoff

Beauty Medica Color Handoff

This page compresses the live palette into a practical handoff sheet: what exists, what is live, and when to use each section mode.

Core Families

Live Brand Tokens

Brand Lab review pages should stay inside the Violet + Deep Purple + Soft Lavender system unless a section deliberately demonstrates another mode.

Violet

The recognizable Beauty Medica purple family.
  • Use for Brand Lab artifacts, visual review pages, and purple-led emphasis.

Violet

--bm-color-cobalt #6B52D0

Main purple family

Violet Strong

--bm-color-cobalt-strong #4A3BAC

Stronger purple hierarchy

Lavender

--bm-color-cobalt-light #A088E8

Soft purple lift

Deep Purple

Authority, contrast, and premium dark surfaces.
  • Use for hero overlays, dark review graphics, and high-trust internal artifacts.

Purple Black

--bm-color-forest-deepest #0E0818

Deepest purple shell

Purple Mid

--bm-color-forest-mid #160F30

Dark section base

Purple Card

--bm-color-forest-card #1E1540

Elevated dark card

Soft Lavender

Light support surfaces for review pages.
  • Use for Brand Lab cards, notes, and calm review sections.

Lavender Cream

--bm-color-section-cream #F5F3FF

Soft lavender section shell

Purple Text

--bm-color-text #100C24

Primary text on light purple

Muted Purple

--bm-color-text-muted #4A4070

Supporting text

Support Accents

Secondary accents that should not overpower purple.
  • Use jade and gold sparingly for CTA warmth, proof details, and small highlights.

Jade

--bm-color-jade #2EB87A

Secondary fresh accent

Gold

--bm-color-gold #F0B429

Warm support accent

Bronze

--bm-color-copper #B8703A

Premium support

Default Global UI

Stay with Violet + Deep Purple + Soft Lavender for:

  • Brand Lab hub
  • patient stories review
  • Elena treatment graph
  • forms, search, and editorial UI

Warm Reassurance Blocks

Use warm gold or champagne accents for:

  • journey maps
  • milestone callouts
  • comfort-forward education
  • softer consultation pathways

Men's Pathway

Use deep purple with bronze support for:

  • /for-men/
  • men-specific service pages
  • performance-led campaigns
  • premium CTAs that need more edge

Section Modes

When To Switch Palettes

These are the main section-level skins already used in active page content.

Champagne

bm-section-champagne
  • Journey framing
  • Milestone callouts

Section Background

--foundry-bg #F5EFE3

Warm shell

Section Surface

--foundry-surface #FAF6EE

Elevated card

Cool

bm-section-cool
  • Process, maps, and visual resets

Section Background

--foundry-bg #EEF2F4

Cool shell

Section Surface

--foundry-surface #F5F7F8

Neutral lifted card

Men's Mode

bm-men-mode
  • Sharper, performance-led tone

Primary

--foundry-brand-primary #0E0818

Deep purple

Accent

--foundry-brand-accent #B8703A

Bronze support

Dark Premium

bm-dark-abyss and bm-section-ocean
  • Authority, premium contrast, dark emphasis

Abyss

--bm-abyss #0F1110

Deep shell

Ocean Soft

--foundry-surface-soft #2A312F

Dark support surface

Canonical Beauty Medica house-metaphor image used for treatment sequencing

Process Image Reference

Canonical House-Metaphor Asset

The saved house-metaphor image now lives at `static/images/process/house-treatment-plan-final.png` and is the canonical version for homepage, process, and treatments. It should stay visually inside the Beauty Medica palette system documented in `static/brand-lab/beautymedica-theme-tokens.json`: violet/deep-purple structure, soft lavender support, and restrained warm-gold highlights. The goal is calm, architectural, premium, and medically structured, not colorful, playful, or construction-heavy.

  • Primary fit: Violet + Deep Purple + Soft Lavender brand system
  • Warm shell: soft lavender plus restrained gold support
  • Use case: sequencing, foundation-first planning, structured care
  • Avoid drifting into bright blue, green-first, cartoon, or noisy construction imagery