diff --git a/docs/superpowers/specs/2026-08-31-logo-design.md b/docs/superpowers/specs/2026-08-31-logo-design.md new file mode 100644 index 0000000..f1dab83 --- /dev/null +++ b/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 `` | +| 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 ``, 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é