[✦] Identité visuelle
Charte graphique
Direction artistique « nuit tactique » : un fond olive très sombre inspiré des cartes d’état-major, un vert signal pour tout ce qui se clique, et une couleur par voie. Clique sur une couleur pour copier son code.
Couleurs principales
Le socle de l’identité : une nuit olive, un texte ivoire et un vert « signal » réservé aux actions.
Couleurs des deux voies
Chaque voie a sa couleur, utilisée partout de la même façon : cartes, onglets, comparatif, témoignages, quiz.
Neutres — thème sombre
Fonds étagés du plus sombre au plus clair, et trois niveaux de texte.
Neutres — thème clair
La même logique transposée sur un papier chaud.
États
Retours du jeu « Vrai ou faux » et voyant d’enregistrement.
Filets et transparences
Les bordures et fonds de cartes sont des transparences de la couleur du texte : elles s’adaptent à n’importe quel fond.
| Rôle | Thème sombre | Thème clair | Usage |
|---|---|---|---|
| Filet | Séparateurs, bordures de cartes | ||
| Filet marqué | Boutons fantômes, pastilles | ||
| Carte | Fond des cartes |
Typographie
Deux familles libres de droits (SIL Open Font License), gratuites, hébergées sur le site.
Titres · Archivo
Deux voies.
Un seul engagement.
- Graisse
- 850 – 900 (Black)
- Chasse
- 66 – 72 % (condensée, axe
wdth) - Casse
- Capitales, interlignage 0,88 – 0,92
Texte · Archivo
Militaire du rang au cœur de l’action ou officier aux commandes : découvre ce que vivent vraiment celles et ceux qui ont signé.
- Graisse
- 400 (texte), 600 – 700 (accents)
- Chasse
- 100 % (normale)
- Taille
- 16 – 18 px, interlignage 1,6
Étiquettes · JetBrains Mono
[01] Deux voies · 48°17′N · 004°04′E
- Graisse
- 500 (Medium)
- Casse
- Capitales, approche +0,08 à +0,14 em
- Usage
- Numéros de section, légendes, coordonnées
Logo
Un double chevron, clin d’œil aux galons, qui monte : l’idée d’évoluer. Toujours accompagné du mot « Engagement » en Archivo condensé.
Composants
Règles d’usage
- Réserver le vert signal aux actions (boutons, liens clés) et aux surlignages.
- Garder le sable pour le rang et l’acier pour l’officier, partout.
- Titres en capitales condensées, textes en casse normale.
- Laisser respirer : grands espaces, filets fins.
- Du texte vert signal sur fond clair (illisible) — utiliser l’olive #5A7A00.
- Inverser les couleurs des deux voies, ou en ajouter d’autres.
- Utiliser des logos, insignes ou drapeaux officiels des armées.
- Plus d’un bouton signal par bloc.