Identité visuelle : logo, icônes et ADR 0010

Symbole P3d (deux pions sur une flèche brique), logotype L3 (« mm » en flèches alternées), accent brique, icône sur fond ivoire, choisis par Pierre. Fichiers SVG et PNG dans docs/identite/logo/, générateur et notice. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-03 01:01:06 +01:00
parent b4421dcea5
commit 1c722cca9f
31 changed files with 328 additions and 0 deletions
@@ -0,0 +1,48 @@
+# Identité visuelle d'Ustagammon
+
+Décision et historique des choix : ADR 0010 (`docs/adr/0010-identite-visuelle.md`).
+Brief créatif : https://claude.ai/artifact/36WMwZWqvMxXvSSVBJTgwd
+
+Les dessins de ce dossier sont sous licence **CC BY-SA 4.0**. Le logotype
+utilise des tracés de la police **Alegreya Sans Bold** (Juan Pablo del Peral,
+Huerta Tipográfica), sous licence SIL Open Font License 1.1.
+
+## Fichiers (`logo/`)
+
+| Fichier | Usage |
+| --- | --- |
+| `symbole-couleur.svg` | Symbole seul, sur fond clair |
+| `symbole-sombre.svg` | Symbole seul, sur fond sombre |
+| `symbole-noir.svg`, `symbole-blanc.svg` | Monochromes, fond transparent |
+| `logotype-*.svg` | Le nom seul, mêmes quatre déclinaisons |
+| `logo-horizontal-*.svg` | Symbole et nom côte à côte, mêmes déclinaisons |
+| `icone.svg`, `icone-192.png`, `icone-512.png` | Icône de la PWA (`purpose: any`) |
+| `icone-maskable.svg`, `icone-maskable-192.png`, `icone-maskable-512.png` | Icône de la PWA (`purpose: maskable`), symbole dans la zone de sécurité |
+| `apple-touch-icon-180.png` | Ajout à l'écran d'accueil sur iPhone (via le navigateur) |
+| `favicon.svg`, `favicon-16.png`, `favicon-32.png`, `favicon-48.png` | Onglet du navigateur ; dessin simplifié, sans filets |
+| `android-premier-plan.svg`, `android-arriere-plan.svg`, `android-monochrome.svg` | Couches de l'icône adaptative Android (canevas 108 dp), pour plus tard |
+
+## Couleurs du logo
+
+| Rôle | Clair | Sombre |
+| --- | --- | --- |
+| Noyer (pion maître) | `#4A2E1F` | idem |
+| Ivoire (pion apprenti, fond d'icône) | `#F3EAD8` | idem |
+| Brique (flèche, filet, « mm ») | `#A8432B` | `#D0694B` (flèches du logotype), `#C9583C` (flèche du symbole) |
+| Texte du logotype | `#2B1D15` | `#F3EAD8` |
+
+## Régénérer
+
+Les fichiers sont versionnés ; il n'est utile de les régénérer qu'en cas de
+retouche du dessin. Il faut Python 3 avec fontTools (licence MIT) et la police
+Alegreya Sans Bold :
+
+```sh
+mkdir -p build/police
+curl -sSLf -o build/police/AlegreyaSans-Bold.ttf \
+  https://github.com/google/fonts/raw/main/ofl/alegreyasans/AlegreyaSans-Bold.ttf
+python3 -I docs/identite/generer-logo.py build/police/AlegreyaSans-Bold.ttf docs/identite/logo
+```
+
+Les PNG sont des rendus des SVG par Chrome sans interface
+(`google-chrome --headless --screenshot`), à la taille indiquée dans leur nom.