Charte graphique
Les règles d'identité visuelle du Campus Lumière de Mbalmayo, déduites du logo du campus.
Logo Campus Lumière de Mbalmayo
Le logo associe une toque de diplômé (le savoir), une flamme dorée (la lumière) et un logotype bleu en deux temps : « CAMPUS » en trait léger, « LUMIÈRE » en graisse forte, puis « DE MBALMAYO » en vert, très espacé.
Version du site (en-tête)
Sur le site, le logotype est reproduit en texte vectoriel avec la flamme dorée, pour rester net sur tous les écrans :
- Zone de protection : laisser autour du logo un vide au moins égal à la hauteur de la flamme.
- Taille minimale : 150 px de large à l'écran, 35 mm à l'impression.
- Fonds : le logotype bleu s'utilise sur fond blanc ou très clair ; en blanc sur fond bleu Lumière.
Logos des trois établissements
Chaque école conserve son logo et sa couleur d'identification. Ils s'utilisent toujours sur fond blanc, avec le logo du campus comme signature commune.
ESSALM
École des Sciences de la Santé et d'Application Lumière de Mbalmayo.
Couleur : vert ESSALM #5E9B67
IFPLM
Institut de Formation Professionnelle Lumière de Mbalmayo.
Couleur : rouge #D6181D + bleu ciel
ISLM
Institut Supérieur Lumière de Mbalmayo.
Couleur : bleu vif #0B59BC
La palette
Les couleurs sont mesurées sur les logos et sur la façade du campus.
Couleurs principales
Couleurs secondaires
Neutres
Répartition recommandée
Dominante bleue et blanche ; l'or sert d'accent (boutons, flamme) ; le vert reste discret.
Combinaisons de couleurs
Rapports de contraste calculés selon la norme WCAG (4,5 : 1 minimum pour le texte courant).
| Combinaison | Aperçu | Contraste | Verdict |
|---|---|---|---|
| Texte blanc sur bleu lumière | Aa Texte | 12.0 : 1 | ✓ Conforme (AA) |
| Texte bleu Lumière sur or flamme | Aa Texte | 6.6 : 1 | ✓ Conforme (AA) |
| Texte blanc sur or flamme | Aa Texte | 1.8 : 1 | ✕ À éviter |
| Texte or foncé sur blanc | Aa Texte | 4.7 : 1 | ✓ Conforme (AA) |
| Texte blanc sur vert mbalmayo | Aa Texte | 6.1 : 1 | ✓ Conforme (AA) |
| Texte blanc sur rouge ifplm | Aa Texte | 5.2 : 1 | ✓ Conforme (AA) |
| Texte encre sur blanc | Aa Texte | 14.7 : 1 | ✓ Conforme (AA) |
Règle d'or : jamais de texte blanc sur l'or. Sur l'or, le texte est bleu Lumière.
Deux polices
Poppins ExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Graisses 500 à 800. Proche de la géométrie du logotype. Repli : Arial.
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Graisses 400 à 600. Corps de texte à 16 px minimum, interligne 1,65. Repli : Segoe UI, Arial.
| Niveau | Police | Taille |
|---|---|---|
| Titre de page (H1) | Poppins 700 | 32 – 51 px |
| Titre de section (H2) | Poppins 700 | 24 – 34 px |
| Sous-titre (H3) | Poppins 700 | 19 px |
| Texte courant | Inter 400 | 16 px |
| Sur-titre (eyebrow) | Inter 700, capitales, espacé | 12 px |
Boutons et éléments
- Coins arrondis : 12 px pour les cartes, boutons en forme de pilule.
- Un seul bouton principal (or) par écran.
- Ombres douces et bleutées ; pas de contours épais.
À faire, à éviter
À faire
- Utiliser les logos fournis, sans les redessiner.
- Garder le bleu Lumière comme couleur dominante.
- Mettre le logo du campus en signature sur les supports des trois écoles.
- Employer des photos réelles du campus.
À éviter
- Étirer, incliner ou recolorer un logo.
- Mettre un logo sur une photo chargée.
- Écrire du texte blanc sur l'or.
- Multiplier les couleurs d'écoles sur une même page.
Message et voix
Signature
« Un consortium de 3 établissements pour former l'excellence de demain. »
Style rédactionnel
Clair, chaleureux et professionnel. On tutoie jamais dans les textes officiels ; on privilégie des phrases courtes et des verbes d'action (découvrir, rejoindre, se former).