Files

T

Pierre MARTINandClaude Opus 5.5 f5d8d41a00 Charte graphique : copie du design system et journal

Couleurs des deux thèmes (mêmes noms que web/app.css), styles des
composants, guide de marque et dessin de référence du plateau dans
docs/identite/charte/, avec les liens vers le design system et les
maquettes d'écrans. Coquille corrigée dans l'ADR 0010.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

2026-11-03 01:22:21 +01:00

3.0 KiB

Raw Blame History

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 pour l'interface. Pierre a validé cette dépendance, ainsi que fontTools (MIT), outil de développement qui sert à régénérer le logotype, le 2026-11-03.
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.

3.0 KiB Raw Blame History