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>
This commit is contained in:
Pierre MARTIN
2026-11-03 01:22:21 +01:00
co-authored by Claude Opus 5.5
parent 65551098db
commit f5d8d41a00
8 changed files with 898 additions and 1 deletions
+21
View File
@@ -89,3 +89,24 @@ Une entrée datée par session : ce qui a été fait, décidé, et la suite.
- Sous Firefox sur PC, un tour de l'ordinateur a pris jusqu'à 5,1 s
(Chromium : 0,4 s) ; Firefox sur le téléphone reste à mesurer.
- Validation par Pierre de Playwright (Apache-2.0), outil de `make test-browser`.
## 2026-11-03 (nuit) : identité visuelle
**Fait**
- Identité choisie par Pierre en trois tours sur une planche de travail :
accent brique, symbole « P3d » (deux pions sur une flèche, le 8 caché),
logotype « L3 » (les « mm » en flèches), icône sur fond ivoire. ADR 0010,
fichiers du logo et des icônes dans `docs/identite/logo/` (MR !12).
- Design system publié (https://claude.ai/artifact/K2Z7MPE58XXJzv19n5r11M) :
couleurs des deux thèmes reprenant les noms de variables de `web/app.css`,
Alegreya Sans, onze composants, contrastes vérifiés par calcul. Copie dans
`docs/identite/charte/`.
- Maquettes des quatre écrans et du thème sombre
(https://claude.ai/artifact/CQw6vbDpi6XQqVWQa4sANe).
**Reste à faire**
- Appliquer la charte à la PWA (couleurs, police embarquée, icônes, logo) :
à planifier pour l'agent développeur, voir `docs/identite/charte/README.md`.
- Les maquettes proposent des éléments de produit qui ne sont pas encore
décidés (leçons, « Conseil du maître », bilan de fin de partie) : à valider
par Pierre avant toute mise en œuvre.