Charte graphique

Accès réservé. Saisissez votre nom pour entrer.

Charte graphique · v4 — logo + lockup intégrés

Pétrole & corail, et rien de trop.

Deux couleurs qui se suffisent, la chaleur de Fraunces, et le code binaire en signature. Militant, vivant, friendly — la marque qui régénère le métier.

Logo — le mark
Principal · tuile B2
Disque corail
Disque pétrole
E
Anneau pétrole · E corail
E
Anneau corail · E pétrole

Le mark : un E Fraunces 900 centré optiquement (mesuré par lettre), grain papier crème à l'intérieur de la lettre (letterpress, 0.15) — jamais autour du cercle. Le binaire ne vit pas dans le logo, il est réservé au wordmark et au motif.

Lockup — mark + nom + baseline
EtikPharma 010001010101010001001000010010010101000101010101010001010100010101010100010010000100100101011010101000100100001001001010100010101010101000101010001010101010001001000010010010101000101000010010000100100101010001010101010100010101000101010101000100100001001001010100010101010101000010010010101000101010101010001010100010101010100010010000100100101010001010101010100010101001010100010101010101000101010001010101010001001000010010010101000101010101010001010100010110001010101010100010101000101010101000100100001001001010100010101010101000101010001010101010010101010001010100010101010100010010000100100101010001010101010100010101000101010101000100101000101010001010101010001001000010010010101000101010101010001010100010101010100010010000100101000101010101000100100001001001010100010101010101000101010001010101010001001000010010010101 Par Nous, Pour Vous
Principal horizontal · filigrane binaire « ETHIQUE »
EtikPharma 010001010101010001001000010010010101000101010101010001010100010101010100010010000100100101011010101000100100001001001010100010101010101000101010001010101010001001000010010010101000101000010010000100100101010001010101010100010101000101010101000100100001001001010100010101010101000010010010101000101010101010001010100010101010100010010000100100101010001010101010100010101001010100010101010101000101010001010101010001001000010010010101000101010101010001010100010110001010101010100010101000101010101000100100001001001010100010101010101000101010001010101010010101010001010100010101010100010010000100100101010001010101010100010101000101010101000100101000101010001010101010001001000010010010101000101010101010001010100010101010100010010000100101000101010101000100100001001001010100010101010101000101010001010101010001001000010010010101 Par Nous, Pour Vous
Empilé · wordmark dégradé braise (pétrole→corail)
EtikPharma 010001010101010001001000010010010101000101010101010001010100010101010100010010000100100101011010101000100100001001001010100010101010101000101010001010101010001001000010010010101000101000010010000100100101010001010101010100010101000101010101000100100001001001010100010101010101000010010010101000101010101010001010100010101010100010010000100100101010001010101010100010101001010100010101010101000101010001010101010001001000010010010101000101010101010001010100010110001010101010100010101000101010101000100100001001001010100010101010101000101010001010101010010101010001010100010101010100010010000100100101010001010101010100010101000101010101000100101000101010001010101010001001000010010010101000101010101010001010100010101010100010010000100101000101010101000100100001001001010100010101010101000101010001010101010001001000010010010101 Par Nous, Pour Vous
Inversé · fonds foncés
010001010101010001001000010010010101000101010101010001010100010101010100010010000100100101011010101000100100001001001010100010101010101000101010001010101010001001000010010010101000101000010010000100100101010001010101010100010101000101010101000100100001001001010100010101010101000010010010101000101010101010001010100010101010100010010000100100101010001010101010100010101001010100010101010101000101010001010101010001001000010010010101000101010101010001010100010110001010101010100010101000101010101000100100001001001010100010101010101000101010001010101010010101010001010100010101010100010010000100100101010001010101010100010101000101010101000100101000101010001010101010001001000010010010101000101010101010001010100010101010100010010000100101000101010101000100100001001001010100010101010101000101010001010101010001001000010010010101 Par Nous, Pour Vous
Signature ajourée · grands formats (les chiffres forment les lettres)
Palette principale — maison-mère
Teal Pétrole
#2D7A8B
Signature · boutons, fonds
Pétrole Profond
#1F5764
Héros · hover · texte sur corail
Corail
#FF8463
Action · accent vivant
Encre
#1F2A37
Texte principal
Crème
#FBFAF5
Fond principal

Règle : texte blanc sur pétrole · texte pétrole sur corail · texte Encre sur crème. Pas de 3ᵉ couleur globale.

Accents par branche
École / Formation — Violet #6C4BF0
Outils — Pétrole
Comptoir / Domi — Corail
Autres branches — dérivé pétrole↔corail

Chaque univers garde une couleur dédiée ; la maison-mère reste bicolore. Le violet « savoir » signe l'École sans polluer la signature globale.

États sémantiques
Succès #2BB673
Alerte #E0A23C
Erreur #E5484D
Info #2D7A8B
Typographie
Display / H1
Fraunces 900
S'installer autrement.
Titre / H2
Fraunces 600
Régénérer le métier
Sous-titre / H3
Inter 800
L'éthique comme méthode
Corps
Inter 400
EtikPharma accompagne les pharmaciens qui s'installent pour la première fois — avec des outils, une école et un label exigeant.
Légende / UI
Inter 600 caps
Label éthique · depuis 2026

Couple : Fraunces (titres, éditorial, chaleur « école ») + Inter (texte, interfaces, apps). Mono : Space Grotesk (data, code binaire).

Composants UI

Boutons

Badges

● Label éthique★ Nouveau✦ École

Champs & formulaire

Hero maison-mère — avec motif binaire
01000101 01010100 01001000 01001001 01010001 01010101 01000101 01000101 01010100 01001000 01001001 01010001 01010101 01000101 01000101 01010100 01001000 01001001 01010001 01010101 01000101 01000101 01010100 01001000 01001001 01010001 01010101 01000101 01000101 01010100 01001000 01001001 01010001 01010101 01000101 01000101 01010100 01001000 01001001 01010001 01010101 01000101 01000101 01010100 01001000 01001001 01010001 01010101 01000101 01000101 01010100 01001000 01001001 01010001 01010101 01000101 01000101 01010100 01001000 01001001 01010001 01010101 01000101
★ Le label des officines qui changent

S'installer autrement.

L'éthique comme méthode. On forme, on outille et on certifie les pharmaciens qui veulent exercer un autre métier.

Sceau « by EtikPharma » + icônes d'app par branche
PharmAudit

L'audit RGPD & qualité, guidé pas à pas.

Eun outil by EtikPharma
Domi

L'assistante vocale du comptoir, toujours sourcée.

Eune voix by EtikPharma
L'École

Apprendre à être titulaire, autrement.

Ela formation by EtikPharma
ZéroRupture

La dispo multi-grossiste, sans rupture.

Eun outil by EtikPharma

Tuile pétrole foncé + pastille couleur de branche + lettre crème grainée (centrée par glyphe). Sceau E + « by EtikPharma » = le lien constant ; École prend le violet. Le binaire reste réservé au wordmark et au hero.

Alphabet complet — 26 lettres × 4 déclinaisons (104 disques)
corailpétroleanneau pét.anneau cor.fichiers

Chaque lettre centrée optiquement (Fraunces 900, grain 0.15). Sources : /charte/svg/alphabet/{LETTRE}-{corail|petrole|anneau-petrole|anneau-corail}.svg.

Références & gabarits

Couleurs

Pétrole #2D7A8B · Pétrole profond #1F5764 · Corail #FF8463 · Corail profond #F26A45 · Crème #FBFAF5 · Encre #1F2A37 · Violet École #6C4BF0

Polices

Fraunces 900 (display/logo) · 600 + 600 italic (baseline) — Inter (corps/UI) — Space Grotesk (binaire/data). Self-hébergées /charte/fonts.css.

Centrage optique de la lettre (le gabarit)

Fraunces 900, text-anchor=middle, sans dominant-baseline. Coords mesurées à l'encre réelle (canvas measureText), pas la boîte de police. Formule : y=50−(inkBottom−inkTop)/2, x=50−(R−L)/2.

⚠️ recalculer par lettre (le Q remonte à cause de sa queue ; É descend à cause de l'accent).

A 50.35 / 71.7B 49.35 / 71.7C 49.98 / 71.68D 49.59 / 71.7E 49.02 / 71.7F 48.76 / 72.13G 49.89 / 71.69H 50 / 71.7I 50 / 71.7J 50.8 / 71.18K 48.95 / 71.7L 48.93 / 71.22M 50.45 / 71.7N 49.6 / 71.7O 50 / 71.7P 49.46 / 71.7Q 49.6 / 67.54R 49.22 / 71.7S 49.86 / 71.66T 49.98 / 72.13U 49.15 / 71.19V 49.67 / 71.7W 49.63 / 71.7X 49.79 / 71.7Y 49.84 / 71.7Z 50.42 / 71.7