Mixt — Charte couleurs

Couleurs principales

Deep (Bordeaux)

--deep

#361822

rgb(54, 24, 34)

Problem space — Hero dark, bandeau stats, CTA primary, nav CTA, tabs actifs, section CTA final, footer bg

Rich

--rich

#6B3D32

rgb(107, 61, 50)

Praticiens — Section praticiens (gradient start)

Warm

--warm

#B07460

rgb(176, 116, 96)

Respiration / statement — Section citation (aplat), label line pricing/founder/comité

Violet

--violet

#5E3A6E

rgb(94, 58, 110)

Solution / approche — Section approche (gradient start), parcours (how), labels pathologies, bandeau info (violet-bg)

Violet Dark

--violet-dark

#462858

rgb(70, 40, 88)

Section approche & parcours (gradient end)

Accent (pointes vives)

Terracotta

--accent

#C85A4A

rgb(200, 90, 74)

Labels étapes, barres trust items, icône bouclier, lien données de santé

Fonds & neutres clairs

Base

--base

#FFF8F2

rgb(255, 248, 242)

Sections standards — Nav bg (opaque), conditions, pricing, comité, body bg

Cream

--cream

#F5E6DA

rgb(245, 230, 218)

Empathie / identification — Steps, identification, proof, founder, bandeau réassurance, condition tags bg

Blush

--blush

#D4A08A

rgb(212, 160, 138)

Labels sur dark (deep + violet), active step border, footer h4, input focus border dark

Violet Light

--violet-light

#C0A8CC

rgb(192, 168, 204)

Séparateur bandeau construction

Violet Bg

--violet-bg

#F0EAF4

rgb(240, 234, 244)

Alerte / info — Bandeau construction, alertes système

Textes

Text Primary

--text

#1A1210

rgb(26, 18, 16)

Titres, body text, nav links hover

Text Secondary

--text-2

#6B5B52

rgb(107, 91, 82)

Sous-titres, descriptions, paragraphes, nav links

Text Light

--text-3

#9A8A80

rgb(154, 138, 128)

Rôles équipe, métadonnées discrètes

Gradients (sections dark)

Hero Dark / Stats

#361822 → #260E16

Hero problem space, bandeau stats

Approche + Parcours

#5E3A6E → #462858

Section approche médicale, parcours (how)

Praticiens

#6B3D32 → #522A20

Section "Vous êtes médecin ?"

CTA Final + Footer

#361822 → #1A0B10

Section pré-inscription, footer bg

Statement

#B07460 (aplat)

Section citation "fait pour vous"

Opacités texte sur fond dark

100%

White 100%

rgba(255,255,255,1)

Titres h2, stats chiffres, CTA texte

85%

White 85%

rgba(255,255,255,0.85)

Doctor quote (Newsreader italic)

55%

White 55%

rgba(255,255,255,0.55)

Body text dark (sub, pillar desc, how step desc, footer links, doctor title)

50%

White 50%

rgba(255,255,255,0.5)

Stat descriptions, labels rich surface

30%

White 30%

rgba(255,255,255,0.3)

Footer copyright, label lines rich

20%

White 20%

rgba(255,255,255,0.2)

Footer mention tiny

8%

White 8%

rgba(255,255,255,0.08)

Card borders dark

6%

White 6%

rgba(255,255,255,0.06)

Cards/pillars bg, input bg, watermark

12%

White 12%

rgba(255,255,255,0.12)

Input borders dark

Utilitaires

rgba(0,0,0,0.06)

Border

--border

Séparateurs, bordures steps, nav bottom

0.08 / 0.12

Border (dark)

Bordures cards dark, input borders, grid overlay

White

#FFFFFF

CTA sur dark, hover btn-white

Hover states (dérivés)

Deep hover

#2B1018

btn-dark:hover

White hover

#F5F5F5

btn-white:hover