# 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é