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

2.7 KiB
Raw Blame History

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é