52 lines
2.7 KiB
Markdown
52 lines
2.7 KiB
Markdown
# 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é
|