docs: spec design du logo vectoriel tuiles quiz

docs/superpowers/specs/2026-08-31-logo-design.md

@@ -0,0 +1,51 @@
+# Design : logo vectoriel — Livrets
+
+Date : 2026-08-31
+Statut : Validé par le produit
+
+## 1. Objectif
+
+Créer le logo maître vectoriel (SVG) de Livrets, jeu d'entraînement aux tables de multiplication. Il servira de base aux icônes d'application (Android/iOS/desktop) et au branding (README, fiches store). Concept retenu parmi trois propositions : **« Tuiles quiz »** en variante fond navy (B2), choisi pour sa lisibilité à toutes tailles et son évocation directe du jeu (une question « 7 × 8 ? »).
+
+## 2. Décisions clés
+
+| Décision | Choix |
+|---|---|
+| Concept | Grille 2×2 de tuiles lisant « 7 × 8 ? » (question type du jeu) |
+| Fond | Carte bleu nuit `#1D3557`, carré arrondi (impact en icône d'app) |
+| Glyphes | Traits géométriques dessinés (extrémités arrondies) — aucun `<text>` |
+| Palette | Uniquement les 5 couleurs existantes de l'app (coolors `e63946/f1faee/a8dadc/457b9d/1d3557`) |
+| Livrable | `docs/branding/logo.svg`, maître vectoriel unique |
+| Rejetés | A — livret ouvert (trop littéral, moins lisible en petit) ; C — crayons croisés (moins évoqueur du quiz) ; B1 fond clair (moins d'impact sur écran d'accueil) |
+
+## 3. Spécification visuelle
+
+ViewBox `0 0 128 128`. Toutes les valeurs sont définitives et reproduisent exactement les maquettes validées.
+
+1. **Carte** : rect `x=4 y=4 w=120 h=120 rx=28`, fill `#1D3557`
+2. **Tuiles** 42×42, coins `rx=12`, espacées de 8 px :
+   - `(18,18)` fill `#A8DADC` (cyan) — porte « 7 »
+   - `(68,18)` fill `#E63946` (rouge) — porte « × »
+   - `(18,68)` fill `#F1FAEE` (blanc) — porte « 8 »
+   - `(68,68)` fill `#457B9D` (bleu) — porte « ? »
+3. **Glyphes** (rendu identique à la maquette validée) :
+   - « 7 » : `M29,28 L49,28 L36,50`, stroke `#1D3557`, width 6, `stroke-linecap/join: round`
+   - « × » : `M81,31 L97,47 M97,31 L81,47`, stroke `#F1FAEE`, width 6.5, caps round
+   - « 8 » : cercles remplis `(39,82.75) r=5.5` et `(39,93.25) r=7.5`, fill `#1D3557`
+   - « ? » : `M81,81 C81,73 97,73 97,81 C97,86.5 89,86.5 89,93 L89,95.5`, stroke `#F1FAEE`, width 6, caps round + point `(89,102.5) r=3.4` fill `#F1FAEE`
+
+## 4. Faisabilité
+
+SVG 1.1 basique (rect, circle, path, stroke) : rendu natif navigateurs, GitHub, visionneuses stores. Aucune police embarquée, aucune dépendance externe.
+
+## 5. Vérifications
+
+- Fichier XML bien formé (`xmllint --noout`)
+- Aucun élément `<text>`, aucune référence externe
+- Couleurs du fichier limitées aux 5 teintes de la palette
+- Contrôle visuel à 512 / 150 / 44 px (companion visuel) : lisibilité maintenue
+
+## 6. Hors périmètre
+
+- Génération des icônes launcher PNG Android/iOS/desktop (étape séparée)
+- Variante fond clair (B1), version monochrome, mot-symbole « Livrets » typographié