diff --git a/docs/adr/0010-identite-visuelle.md b/docs/adr/0010-identite-visuelle.md index 4dc67b6..3914d28 100644 --- a/docs/adr/0010-identite-visuelle.md +++ b/docs/adr/0010-identite-visuelle.md @@ -60,3 +60,21 @@ couleur, en monochrome et en taille réelle d'icône (48 et 24 px). 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. + +## Amendements + +### 2026-11-11 — Pions blancs et noirs, avec un contour + +Retour des premiers joueurs, relayé par Pierre : les pions sombres se voyaient +mal sur la barre, et les joueurs préféraient le blanc et le noir à l'ivoire et +au noyer. Après comparaison sur le canevas (rangée « Retours des premiers +joueurs »), Pierre retient le blanc et le noir, avec un contour. + +- Pions du joueur blancs (`#FAFAF7`), contour et filet gris foncé + (`#6E6E69`) ; pions de l'ordinateur noirs (`#1C1C1C`), contour et filet gris + clair (`#B5B5B0`), dans les deux thèmes. Dés et videau suivent les pions. +- Le contour assure la lisibilité partout : pions noirs sur la barre (6,8:1 + en thème clair, 8,5:1 en sombre), pions blancs sur le fond clair (3,8:1). +- Le logo ne change pas : ses pions restent ivoire et noyer, qui sont la + matière de la marque, distincte des pièces du jeu. +- Valeurs dans `docs/identite/charte/tokens.json`. diff --git a/docs/identite/charte/accueil-tutoriel-aide.md b/docs/identite/charte/accueil-tutoriel-aide.md index 36507b4..a155461 100644 --- a/docs/identite/charte/accueil-tutoriel-aide.md +++ b/docs/identite/charte/accueil-tutoriel-aide.md @@ -89,8 +89,8 @@ interrompre. ### Texte, première version -1. **Le but du jeu.** « Vous avez quinze pions ivoire, l'ordinateur quinze - pions noyer. Chacun fait faire le tour du plateau à ses pions, puis les +1. **Le but du jeu.** « Vous avez quinze pions blancs, l'ordinateur quinze + pions noirs. Chacun fait faire le tour du plateau à ses pions, puis les sort. Le premier qui a sorti tous les siens gagne la partie. » 2. **Dans quel sens avancer.** « Vos pions suivent la flèche claire : ils partent d'en haut à droite, passent à gauche, puis reviennent en bas jusqu'à diff --git a/docs/identite/charte/guide-de-marque.md b/docs/identite/charte/guide-de-marque.md index e74720e..282b910 100644 --- a/docs/identite/charte/guide-de-marque.md +++ b/docs/identite/charte/guide-de-marque.md @@ -22,7 +22,7 @@ La palette, c'est le bois, les pions et le café, avec **un seul accent : le rou - `accent-soft` : fond léger pour signaler « c'est à vous », avec du texte `text` dessus. - Les appréciations de coups ont leurs propres couleurs, distinctes de la brique : `verdict-good` (vert), `verdict-doubtful` (ocre), `verdict-bad` (lie-de-vin). **Toujours avec le mot et l'icône**, jamais la couleur seule. - `brand-laiton` (via `last-move`) marque le dernier coup joué, comme les charnières en laiton d'un plateau de tavla. Rien d'autre. -- Le plateau : cadre `frame` en noyer, fond `bed`, flèches impaires en `point-a` (noyer clair) et paires en `point-b` (chêne), barre `bar`, sorties `tray`. Le joueur a les pions ivoire (`checker-player`, l'apprenti), l'ordinateur les pions noyer (`checker-computer`, le maître), comme dans le logo. +- Le plateau : cadre `frame` en noyer, fond `bed`, flèches impaires en `point-a` (noyer clair) et paires en `point-b` (chêne), barre `bar`, sorties `tray`. Le joueur a les pions blancs (`checker-player`), l'ordinateur les pions noirs (`checker-computer`), chacun avec un contour et un filet (`checker-player-edge`, `checker-computer-edge`) qui le détachent de tous les fonds ; les pions du logo restent ivoire et noyer (ADR 0010, amendement du 2026-11-11). - **À éviter** : le vert feutre de casino, le noir et or, les dégradés, les néons. Les deux thèmes, clair et sombre, sont complets. Tous les textes atteignent 4,5:1 sur leurs fonds dans les deux thèmes ; les contours et marques porteuses de sens, 3:1. diff --git a/docs/identite/charte/recette-ux.md b/docs/identite/charte/recette-ux.md index f70ec08..791590f 100644 --- a/docs/identite/charte/recette-ux.md +++ b/docs/identite/charte/recette-ux.md @@ -9,7 +9,7 @@ Référence : `interaction.md`, maquettes « Révision UX » du canevas. - [ ] Flèches impaires en `point-a`, paires en `point-b` ; 12 et 13 de couleurs différentes. - [ ] Numéros des flèches à l'extérieur du plateau, sur le cadre (bande haute et bande basse), en portrait comme en paysage ; jamais dans le fond du plateau entre les deux rangées. -- [ ] Pions de l'ordinateur lisibles partout : contour et filet `checker-computer-edge` (clairs) visibles sur la barre, sur les flèches sombres et en thème sombre. +- [ ] Pions de l'ordinateur lisibles partout : contour et filet `checker-computer-edge` (gris clair) visibles sur la barre, sur les flèches sombres et en thème sombre. - [ ] Une seule action principale (brique) visible à la fois. - [ ] Aucun `window.confirm` ni `alert` dans le code de l'app (`grep -rn "confirm(\|alert(" app/src` vide). - [ ] Aucune cible tactile sous 44 × 44 px (boutons, pictogrammes, dés, videau). diff --git a/docs/identite/charte/tokens.json b/docs/identite/charte/tokens.json index 30e63e3..a356fec 100644 --- a/docs/identite/charte/tokens.json +++ b/docs/identite/charte/tokens.json @@ -216,96 +216,96 @@ { "name": "checker-player", "value": { - "light": "#F7F0E2", - "dark": "#EDE3CF" + "light": "#FAFAF7", + "dark": "#F2F2EF" }, - "usage": "Pions du joueur : ivoire, l'apprenti." + "usage": "Pions du joueur : blancs." }, { "name": "checker-player-edge", "value": { - "light": "#8C7A62", - "dark": "#8E7C64" + "light": "#6E6E69", + "dark": "#6E6E69" }, - "usage": "Contour et filet des pions du joueur." + "usage": "Contour et filet des pions blancs : gris foncé, pour qu'ils se détachent du fond clair du plateau." }, { "name": "checker-computer", "value": { - "light": "#2E1C12", - "dark": "#140D09" + "light": "#1C1C1C", + "dark": "#141414" }, - "usage": "Pions de l'ordinateur : noyer sombre, le maître." + "usage": "Pions de l'ordinateur : noirs." }, { "name": "checker-computer-edge", "value": { - "light": "#B8AC98", - "dark": "#B8AC98" + "light": "#B5B5B0", + "dark": "#B5B5B0" }, - "usage": "Contour et filet des pions de l'ordinateur : clairs dans les deux thèmes, pour que les pions sombres se détachent de la barre, des flèches sombres et du fond sombre (retour des premiers joueurs, 2026-11-11)." + "usage": "Contour et filet des pions noirs : gris clair dans les deux thèmes, pour qu'ils se détachent de la barre, des flèches sombres et du fond sombre." }, { "name": "count-player", "value": { - "light": "#2B1D15", - "dark": "#2B1D15" + "light": "#1C1C1C", + "dark": "#1C1C1C" }, - "usage": "Nombre écrit sur une pile de pions du joueur." + "usage": "Nombre écrit sur une pile de pions blancs." }, { "name": "count-computer", "value": { - "light": "#F3EAD8", - "dark": "#F3EAD8" + "light": "#FAFAF7", + "dark": "#FAFAF7" }, - "usage": "Nombre écrit sur une pile de pions de l'ordinateur." + "usage": "Nombre écrit sur une pile de pions noirs." }, { "name": "die-player", "value": { - "light": "#F7F0E2", - "dark": "#EDE3CF" + "light": "#FAFAF7", + "dark": "#F2F2EF" }, - "usage": "Dés du joueur." + "usage": "Dés du joueur, blancs comme ses pions." }, { "name": "pip-player", "value": { - "light": "#2B1D15", - "dark": "#2B1D15" + "light": "#1C1C1C", + "dark": "#1C1C1C" }, "usage": "Points des dés du joueur." }, { "name": "die-computer", "value": { - "light": "#2E1C12", - "dark": "#140D09" + "light": "#1C1C1C", + "dark": "#141414" }, - "usage": "Dés de l'ordinateur." + "usage": "Dés de l'ordinateur, noirs comme ses pions." }, { "name": "pip-computer", "value": { - "light": "#F3EAD8", - "dark": "#EDE3CF" + "light": "#FAFAF7", + "dark": "#F2F2EF" }, "usage": "Points des dés de l'ordinateur." }, { "name": "cube", "value": { - "light": "#F7F0E2", - "dark": "#EDE3CF" + "light": "#FAFAF7", + "dark": "#F2F2EF" }, "usage": "Face du videau." }, { "name": "cube-text", "value": { - "light": "#2B1D15", - "dark": "#2B1D15" + "light": "#1C1C1C", + "dark": "#1C1C1C" }, "usage": "Valeur du videau (2, 4, 8…)." },