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>
This commit is contained in:
Pierre MARTIN
2026-11-03 01:01:06 +01:00
co-authored by Claude Opus 5.5
parent b4421dcea5
commit 1c722cca9f
31 changed files with 328 additions and 0 deletions
+60
View File
@@ -0,0 +1,60 @@
# 0010. Identité visuelle : symbole, logotype, palette
- **Statut** : accepté
- **Date** : 2026-11-03
- **Décideurs** : Pierre
## Contexte
Le brief créatif (https://claude.ai/artifact/36WMwZWqvMxXvSSVBJTgwd) fixe la
personnalité d'Ustagammon (transmission, chaleur, maîtrise), une palette de
départ (bois sombre, ivoire, un accent unique à choisir entre rouge brique et
turquoise) et quatre pistes de symbole, avec une contrainte : un 8 caché, clin
d'œil à l'Atelier du Huit, qui se découvre au second regard.
Les propositions ont été faites en trois tours sur une planche de travail
(https://claude.ai/artifact/Cck1SZCrKeYWbqJLhbwWNp), chacune testée en
couleur, en monochrome et en taille réelle d'icône (48 et 24 px).
## Décision
- **Accent** : rouge brique, `#A8432B` en thème clair, `#D0694B` en thème
sombre. La turquoise est écartée.
- **Symbole** (variante « P3d ») : deux pions vus de trois quarts, avec leur
tranche, posés sur une flèche du plateau en brique. Le maître (noyer) est
devant, l'apprenti (ivoire, filet brique) derrière ; leurs silhouettes
dessinent le 8.
- **Logotype** (variante « L3 ») : « Ustagammon » en Alegreya Sans Bold, dont
les deux « m » sont redessinés en quatre flèches au trait qui alternent
noyer et brique, comme les flèches d'un plateau. En monochrome, les quatre
flèches prennent la couleur du texte.
- **Icône d'application** : symbole sur fond ivoire `#F3EAD8`.
- **Police** : Alegreya Sans (SIL Open Font License 1.1), pour le logotype et,
sauf décision contraire lors du design system, pour l'interface.
- Les fichiers de référence sont dans `docs/identite/logo/`, produits par
`docs/identite/generer-logo.py` ; ils sont sous licence CC BY-SA 4.0.
## Alternatives écartées
- **Accent turquoise** : plus froid ; la brique s'accorde mieux au bois et au
café.
- **Piste B (le videau)** : écartée au premier tour, au profit des pions.
- **Pions vus de face (A1) ou en léger relief sans flèche (P1)** : appréciés,
mais la flèche rattache le symbole au plateau et fait écho au logotype.
- **Filets brique sur les deux pions (P3c)** : trop de brique dans un petit
symbole.
- **Logotype aux flèches pleines (L2)** : les « mm » s'y lisaient moins vite ;
le trait (L1) garde la lisibilité, et l'alternance de couleur (L3) apporte
le rappel du plateau.
- **Fond d'icône noyer** : moins lumineux sur un écran d'accueil.
## Conséquences
- Le design system (couleurs des deux thèmes, typographie, composants) part de
cette palette et de cette police.
- La police Alegreya Sans devra être embarquée dans la PWA (fonctionnement hors
ligne) ; sa licence OFL le permet, avec sa notice.
- Le favicon utilise un dessin simplifié du symbole, sans filets, illisibles
en dessous de 32 px.
- Les icônes Android (premier plan, arrière-plan, monochrome) sont fournies en
SVG ; leur conversion en `VectorDrawable` se fera avec l'application Android.
+1
View File
@@ -16,3 +16,4 @@ l'ancien passe au statut « remplacé par NNNN ». Voir l'ADR 0001.
| [0007](0007-architecture-et-conventions-de-code.md) | Architecture et conventions de code | accepté |
| [0008](0008-glossaire-et-scenarios-source-unique.md) | Glossaire et scénarios : une source unique pour le code, l'aide et les tests | accepté |
| [0009](0009-socle-pwa-typescript.md) | Socle : PWA en TypeScript, moteur en WebAssembly | accepté |
| [0010](0010-identite-visuelle.md) | Identité visuelle : symbole, logotype, palette | accepté |