talas-group/05_EXPERIENCE_UTILISATEUR/GUIDE_CREATION_LOGO.md

# Guide pratique de creation du logo — Talas & Veza

> Comment dessiner, scanner, vectoriser et decliner le logo.
> Guide pour une personne seule, avec des outils gratuits.
> Prerequis : avoir lu [[DIRECTION_ARTISTIQUE_TALAS]] et [[IDENTITE_VISUELLE]].
> Derniere mise a jour : 2 avril 2026.

---

## 1. Ce que le logo doit etre (recap)

Avant de dessiner quoi que ce soit, avoir ces criteres en tete :

### Le symbole Talas

- Un **geste unique**, comme un caractere calligraphique invente
- Evoque a la fois **l'onde sonore** et **le trait de pinceau**
- **Irregulier** — les imperfections sont intentionnelles (wabi-sabi)
- **Monochrome** — jamais de couleur
- Fonctionne en **16x16 px** (favicon) comme en grand (affiche)
- Fonctionne en **gravure laser sur aluminium**, en **serigraphie**, en **broderie**
- Reconnaissable **sans texte**

### Le logotype TALAS

- Le mot TALAS en **Space Grotesk Bold**, MAJUSCULES, letter-spacing ~0.12em
- Sobre, comme une inscription gravee dans la pierre
- Fonctionne **sans le symbole**

### Le test final

Le logo est bon si et seulement si il passe **tous** ces tests :

- [ ] Lisible en favicon (16x16 px) ?
- [ ] Reconnaissable en monochrome pur (noir sur blanc, blanc sur noir) ?
- [ ] Le symbole fonctionne seul (sans texte) ?
- [ ] Le texte fonctionne seul (sans symbole) ?
- [ ] Coherent avec l'univers sumi-e / papier washi ?
- [ ] Pas de confusion avec un logo existant dans l'audio ?
- [ ] Fonctionne imagine grave sur du metal ?
- [ ] Fonctionne imagine brode sur du tissu (traits assez epais) ?

---

## 2. Materiel et outils

### 2.1 Pour dessiner a la main (recommande)

Le logo est un **geste de pinceau**. Le dessiner a la main est coherent avec
l'identite et produit naturellement l'irregularite recherchee.

**Materiel minimal :**

| Outil | Ou le trouver | Budget |
|-------|---------------|--------|
| **Feutre pinceau** (Pentel Sign Brush, Tombow Fudenosuke, ou Pilot Futayaku) | Papeterie, Amazon | 3-8 EUR |
| **Papier blanc lisse** (A4 standard, pas trop texturise) | N'importe ou | 0 EUR |
| **Feutre noir fin** (Pigma Micron 05 ou Staedtler Pigment Liner) | Papeterie | 3 EUR |

**Materiel avance (si disponible) :**

| Outil | Pourquoi | Budget |
|-------|----------|--------|
| **Encre de Chine** (Sennelier, Winsor & Newton, ou encre sumi japonaise) | Le vrai sumi-e — diffusion authentique | 5-12 EUR |
| **Pinceau calligraphie** (fude) — taille moyenne | Trait avec variation d'epaisseur naturelle | 5-15 EUR |
| **Papier aquarelle** (grain fin, 200-300 g/m2) | Absorbe l'encre sans gondoler | 5-10 EUR |
| **Pierre a encre** (suzuri) + baton d'encre | L'experience complete — broyer son encre | 15-30 EUR |

**Tu n'as pas besoin de tout ca.** Un feutre pinceau a 5 EUR et du papier A4
suffisent pour produire un excellent logo. L'encre de Chine ajoute de
l'authenticite mais n'est pas indispensable.

### 2.2 Pour numeriser

| Outil | Usage |
|-------|-------|
| **Scanner** (si tu en as un) | 600 DPI minimum, niveaux de gris ou N&B |
| **Smartphone** (alternative) | Photo en lumiere naturelle, bien cadree, sans ombre |
| **Application de scan** (Adobe Scan, Microsoft Lens, ou Open Note Scanner) | Corrige la perspective et augmente le contraste automatiquement |

### 2.3 Pour vectoriser et decliner

| Outil | Usage | Cout |
|-------|-------|------|
| **Inkscape** | Vectorisation, assemblage, declinaisons, export SVG | Gratuit (open-source) |
| **GIMP** | Nettoyage du scan (niveaux, contraste, crop) | Gratuit (open-source) |
| **Krita** (optionnel) | Dessin tablette si tu en as une | Gratuit (open-source) |
| **Figma** (optionnel) | Mockups rapides pour tester en contexte | Gratuit (usage perso) |

**Inkscape est l'outil principal.** Il est gratuit, open-source, et coherent
avec les valeurs du projet. Pas besoin d'Adobe Illustrator.

---

## 3. Phase 1 — Recherche de references (1-2 heures)

### 3.1 Constituer un moodboard

Avant de dessiner, nourrir l'oeil. Rassembler 15-20 images de reference.

**Ou chercher :**
- Pinterest : "sumi-e logo", "japanese ink branding", "minimal audio logo",
  "calligraphy symbol", "enso logo", "brush stroke mark"
- Dribbble : memes recherches
- Are.na : channels "branding", "japanese design", "monochrome"
- Google Images : "teenage engineering logo", "aiaiai logo", "ableton logo",
  "native instruments logo", "nothing phone logo"

**Ce qu'il faut collecter :**
- Des logos qui fonctionnent en monochrome et en petit
- Des gestes de pinceau (enso, traits, eclaboussures controlees)
- Des exemples de logotypes en geometrique bold + majuscules
- Des exemples de logos graves ou serigraphies sur metal
- Des exemples de logos brodes

**Sauvegarder dans :**
```
05_EXPERIENCE_UTILISATEUR/Identite_Visuelle/logo/references/
```

### 3.2 Etudier les references specifiques

Prendre 10 minutes pour regarder de pres chacun de ces logos et noter
ce qui fonctionne :

| Reference | Ce qu'il faut en retenir |
|-----------|------------------------|
| **Teenage Engineering** | Systeme visuel total, reconnaissable en 1 seconde |
| **Aiaiai** | Logotype pur, pas de symbole, minimalisme radical |
| **Ableton** | Logotype simple, pas de chichi, sérieux sans etre froid |
| **Native Instruments** | Symbole fort (NI imbriques), fonctionne en petit |
| **Nothing** | Dot matrix, langage proprietaire, anti-generic |
| **Muji** | L'absence de marque visible = force tranquille |
| **Enso traditionnel** | Cercle ouvert, pinceau, imperfection = beaute |

---

## 4. Phase 2 — Croquis rapides (2-3 heures)

### 4.1 Les 6 directions a explorer

Explorer chaque direction pendant 20-30 minutes. Dessiner vite, ne pas reflechir
trop. Le but est la quantite, pas la qualite. 2-3 croquis par direction minimum.

#### Direction A — Logotype brut

Le mot "TALAS" suffit. Pas de symbole. Jouer sur la typographie.

- Ecrire TALAS en capitales avec differents outils (feutre, pinceau, stylo)
- Essayer : le A sans barre horizontale (triangle ouvert — evoque une onde)
- Essayer : ligature T-A ou A-S
- Essayer : le mot entier en un seul geste de pinceau (sans lever la main)
- Essayer : lettres espacees tres largement

**Force :** simplicite absolue, pas de risque de symbole "deja vu"
**Faiblesse :** pas de symbole pour favicon/avatar, moins memorable

#### Direction B — Enso (cercle d'encre)

Un cercle de pinceau, ouvert ou ferme, avec ou sans le nom.

- Dessiner des cercles en un seul geste rapide (sans lever le pinceau)
- L'ouverture du cercle est la "respiration" — elle evoque le son qui entre dans le micro
- Essayer : enso fin (trait delicat) vs enso epais (trait charge d'encre)
- Essayer : enso avec une cassure (comme un signal audio clippe)
- Essayer : enso avec le mot TALAS a l'interieur ou a cote

**Force :** reference sumi-e directe, universel, fonctionne en rond (avatar)
**Faiblesse :** beaucoup de logos utilisent des cercles — risque de banalite

#### Direction C — Onde / vibration

Une forme d'onde audio stylisee en trait de pinceau.

- Dessiner une sinusoide avec un pinceau (le trait s'epaissit et s'affine naturellement)
- Essayer : 1 seule onde (simple), 3 ondes (riche), onde amortie (decroissante)
- Essayer : onde qui se transforme en lettre (le T ou le A de TALAS)
- Essayer : representation d'une waveform audio en 3-5 traits verticaux d'epaisseurs variables
- Essayer : deux arcs paralleles (comme une vibration de membrane)

**Force :** lien direct avec l'audio, unique dans le paysage des logos micro
**Faiblesse :** peut etre trop litteral si mal execute

#### Direction D — Trait unique

Un seul coup de pinceau. Rien d'autre. Le geste pur.

- Dessiner un trait horizontal charge d'encre (comme un coup de katana)
- Essayer : trait diagonal ascendant (energie, mouvement)
- Essayer : trait vertical avec une goutte qui tombe (encre qui coule)
- Essayer : trait courbe, comme une virgule geante
- Essayer : deux traits qui se croisent (evoque le X d'un XLR ou un circuit)

**Force :** radical, memorable, wabi-sabi pur, fonctionne en toute taille
**Faiblesse :** peut etre trop abstrait — difficile de faire le lien avec l'audio

#### Direction E — Circuit / signal

Un schema electronique ultra-simplifie. Un clin d'oeil au circuit du preamp.

- Dessiner un triangle de pinceau (symbole d'amplificateur operationnel)
- Essayer : deux lignes paralleles avec un pont (schema simplifie de circuit)
- Essayer : le symbole d'une capsule de micro (cercle + trait)
- Essayer : un condensateur stylise (deux traits paralleles avec un espace)
- Dessiner ces schemas avec un pinceau (pas avec une regle — c'est du sumi-e, pas du KiCAD)

**Force :** lien direct avec le hardware, open-source, transparence
**Faiblesse :** peut etre trop technique/niche

#### Direction F — Hybride

Combiner les directions les plus fortes.

- Enso + onde (cercle avec une vibration a l'interieur)
- Trait + onde (un trait de pinceau qui ondule)
- Logotype + trait (le mot TALAS avec un geste en dessous ou au-dessus)
- Circuit + pinceau (un preamp dessine au pinceau)

### 4.2 Technique de croquis

**Regles pour cette phase :**
- Dessiner en **30 secondes maximum** par croquis — pas plus
- Utiliser un **feutre epais** (pas un stylo fin — on cherche des formes, pas des details)
- Dessiner **grand** (au moins 5 cm de haut par croquis)
- **Ne pas effacer.** Si c'est rate, passer au suivant
- Mettre la date et un numero sur chaque feuille
- **Objectif : 15-20 croquis minimum** sur l'ensemble des directions

### 4.3 Selectionner

Apres les croquis :
1. Laisser reposer **une nuit** — ne pas choisir a chaud
2. Revenir avec un oeil frais
3. Eliminer tout ce qui ne passe pas le test du "reconnaissable en 16x16"
4. **Entourer les 3 pistes les plus fortes**
5. Si aucune ne convainc, recommencer une session de croquis (c'est normal)

---

## 5. Phase 3 — Encre reelle (2-3 heures)

### 5.1 Pourquoi passer a l'encre

Les croquis au feutre donnent la forme. L'encre donne la **matiere** — la diffusion,
l'epaisseur variable du trait, les "accidents" qui font la beaute du sumi-e.

Cette etape transforme une idee en un **objet physique** authentique.

### 5.2 Technique au feutre pinceau (methode simple)

Si tu n'as pas d'encre de Chine, le feutre pinceau (Pentel Sign Brush ou Tombow
Fudenosuke) est un excellent substitut.

1. Preparer 10 feuilles de papier A4 blanc
2. Sur chaque feuille, dessiner la meme forme **5 fois** (variations du meme geste)
3. Varier la pression (leger → appuye), la vitesse (rapide → lent), l'angle
4. Travailler debout si possible — le geste est plus libre
5. Respirer avant chaque trait — le sumi-e est un art du geste conscient

### 5.3 Technique a l'encre de Chine (methode authentique)

Si tu as de l'encre de Chine et un pinceau :

1. **Preparer l'encre :** verser un peu d'encre dans un petit recipient
   (ou broyer le baton sur la pierre si tu en as une)
2. **Charger le pinceau :** tremper, essorer legerement sur le bord
3. **Papier aquarelle ou papier epais** (le papier standard gondole avec l'encre)
4. **Poser le papier a plat** sur une surface protegee (journal en dessous)
5. **Dessiner en un geste** — ne pas revenir sur le trait
6. Faire 5-10 versions de chaque piste
7. **Laisser secher completement** (15-30 min) avant de manipuler

**Astuces :**
- Un pinceau presque sec donne un trait texturise (effet "herbe seche") — tres sumi-e
- Un pinceau tres charge donne un trait dense avec des eclats d'encre — expressif
- Incliner le pinceau donne un trait large ; le tenir vertical donne un trait fin
- Le papier mouille prealablement donne des bords tres diffus (nijimi)

### 5.4 Selectionner les 3 meilleurs gestes

Pour chaque piste retenue :
1. Etaler toutes les versions sur la table
2. Eliminer les traits trop epais, trop fins, trop propres, ou trop chaotiques
3. Garder **le geste qui a le plus de caractere tout en restant lisible**
4. Marquer ce geste d'un point rouge (ou prendre une photo de reference)

---

## 6. Phase 4 — Numerisation (30 minutes)

### 6.1 Avec un scanner

1. Scanner en **600 DPI minimum** (1200 DPI si possible)
2. Mode **niveaux de gris** (pas couleur, pas N&B binaire)
3. Poser le papier bien a plat, fermer le capot
4. Sauvegarder en **TIFF ou PNG** (pas JPEG — perte de qualite)
5. Nommer : `talas_symbole_scan_01.png`, `talas_symbole_scan_02.png`, etc.

### 6.2 Avec un smartphone

1. Poser le dessin a plat, en **lumiere naturelle** (pres d'une fenetre)
2. **Pas de flash** (cree des reflets et des ombres dures)
3. Photographier **bien d'en haut** (perpendiculaire au papier, pas en angle)
4. Cadrer serre autour du dessin
5. Utiliser une **app de scan** (Adobe Scan, Microsoft Lens, Open Note Scanner)
   qui corrige automatiquement la perspective et le contraste

### 6.3 Nettoyage dans GIMP

1. Ouvrir le scan dans GIMP
2. **Image → Mode → Niveaux de gris** (si pas deja fait)
3. **Couleurs → Niveaux** : tirer le curseur blanc vers la gauche pour blanchir
   le fond, tirer le curseur noir vers la droite pour noircir l'encre.
   Le but : fond blanc pur + encre noire dense, sans perdre les details du trait
4. **Couleurs → Seuil** (optionnel) : pour un N&B binaire ultra-propre.
   Attention : ca supprime les nuances de gris — a utiliser avec precaution
5. Rogner (crop) serré autour du dessin
6. **Exporter en PNG** a haute resolution

---

## 7. Phase 5 — Vectorisation dans Inkscape (3-4 heures)

### 7.1 Pourquoi vectoriser a la main

Inkscape a une fonction de **trace automatique** (Chemin → Vectoriser un objet matriciel).
**Ne pas l'utiliser** pour le logo final. Voici pourquoi :

- Le trace automatique cree des **centaines de noeuds** inutiles
- Il **lisse** les irregularites — exactement ce qu'on veut preserver
- Il gere mal les traits fins et les details
- Le resultat est un SVG lourd et difficile a modifier

La vectorisation manuelle prend plus de temps mais produit un SVG **propre, leger
et fidele au geste original**.

**Exception :** on peut utiliser le trace automatique comme **point de depart**, puis
nettoyer et simplifier manuellement. C'est un bon compromis pour des formes complexes.

### 7.2 Methode pas-a-pas

#### Preparation

1. Ouvrir Inkscape
2. **Fichier → Importer** le scan PNG
3. Verrouiller le calque du scan (cadenas dans le panneau Calques)
4. Creer un **nouveau calque** au-dessus pour le trace vectoriel
5. Zoomer a 200-400% sur le dessin

#### Tracer avec l'outil Bezier (touche B)

1. Selectionner l'outil **Dessiner des courbes de Bezier** (B)
2. Mode : **Creer un chemin regulier de Bezier** (dans la barre d'outils du haut)
3. Cliquer pour poser des points le long du contour du trait d'encre
4. **Placer peu de points** — un toutes les 5-10mm. Inkscape interpole entre les points
5. Ajuster les poignees (tangentes) en les tirant depuis chaque noeud
6. Fermer le chemin en cliquant sur le premier point

**Conseil :** tracer le **contour exterieur** du trait, pas le centre. Le symbole
est une forme pleine (fill), pas un trait (stroke). Ceci donne un meilleur
resultat en petite taille.

#### Preserver l'irregularite

- **Ne pas** lisser automatiquement les noeuds (Chemin → Simplifier)
  sauf si le trait a trop de noeuds
- Garder les petites bosses et irregularites — c'est ce qui fait la difference
  entre un logo "dessine" et un logo "genere par ordinateur"
- Comparer regulierement avec le scan original : si le trace est trop propre,
  ajouter volontairement une ou deux irregularites

#### Remplissage

1. Selectionner le chemin trace
2. **Objet → Fond et contour**
3. Fond : **Aplat** → `#1A1A1E` (noir sumi)
4. Contour : **Aucune peinture** (pas de bordure)

### 7.3 Alternative : trace automatique + nettoyage

Si la forme est trop complexe pour un trace entierement manuel :

1. Selectionner l'image du scan
2. **Chemin → Vectoriser un objet matriciel**
3. Mode : **Detection de luminosite** ou **Detection de contour**
4. Ajuster le seuil pour capturer le trait complet
5. Cliquer **Appliquer**
6. Supprimer l'image source
7. **Chemin → Simplifier** (Ctrl+L) — reduire le nombre de noeuds
8. Passer en mode edition de noeuds (N) et **nettoyer manuellement** :
   supprimer les noeuds inutiles, ajuster les courbes
9. Objectif : < 100 noeuds pour le symbole final

### 7.4 Verifier le resultat

Avant de passer a la suite :
- [ ] Zoomer a 100% : le symbole est-il propre et lisible ?
- [ ] Zoomer a 3200% : les courbes sont-elles lisses sans etre parfaites ?
- [ ] Reduire a 32x32 px : le symbole est-il reconnaissable ?
- [ ] Reduire a 16x16 px : le symbole est-il encore lisible ?
- [ ] Inverser les couleurs (blanc sur noir) : ca fonctionne ?

---

## 8. Phase 6 — Le logotype TALAS (1-2 heures)

### 8.1 Installer Space Grotesk

1. Telecharger Space Grotesk sur Google Fonts :
   https://fonts.google.com/specimen/Space+Grotesk
2. Installer le fichier **TTF ou OTF** sur ton systeme
3. Redemarrer Inkscape pour qu'il detecte la nouvelle police

### 8.2 Creer le logotype

1. Dans Inkscape, selectionner l'outil **Texte** (T)
2. Taper : `TALAS`
3. Dans la barre d'outils ou le panneau Texte :
   - Police : **Space Grotesk**
   - Poids : **Bold (700)**
   - Taille : **72pt** (pour travailler confortablement, on redimensionnera apres)
4. **Espacement des lettres (letter-spacing) :** selectionner tout le texte,
   dans le panneau Texte (Texte → Texte et police), regler l'espacement
   a **+8 a +12** (equivalent de ~0.12em). Tester visuellement.

### 8.3 Ajustements optiques

La typographie geometrique en MAJUSCULES peut necessiter des ajustements :

- **Verifier l'equilibre visuel :** le T est large, le A est pointu, le L est bas,
  le S est courbe. L'ensemble doit paraitre equilibre meme si l'espacement
  mathematique est uniforme.
- **Kerning :** ajuster l'espace entre les paires TA, AL, LA, AS si necessaire.
  En general, TA a besoin d'etre reserre et AS d'etre legerement elargi.
- **Comparer avec le symbole :** le logotype et le symbole doivent avoir le meme
  "poids visuel" — ni l'un ni l'autre ne doit dominer

### 8.4 Convertir en chemins

Une fois satisfait :

1. Selectionner le texte
2. **Chemin → Objet en chemin** (Shift+Ctrl+C)
3. Le texte est maintenant un ensemble de formes vectorielles, independant de la police
4. Sauvegarder le SVG — c'est le logotype source

**Important :** garder une copie du texte editable avant conversion (dans un
calque cache) au cas ou il faudrait ajuster plus tard.

### 8.5 Logotype Veza

Meme processus exact :

1. Taper `VEZA` en Space Grotesk Bold, MAJUSCULES, meme letter-spacing
2. Ajuster le kerning si necessaire (VE et ZA sont les paires critiques)
3. Convertir en chemins

---

## 9. Phase 7 — Assemblage et declinaisons (2-3 heures)

### 9.1 Logo principal (symbole + logotype horizontal)

1. Placer le symbole a gauche, le logotype a droite
2. Aligner verticalement au centre
3. Espace entre les deux : environ **la largeur de la lettre A** du logotype
4. Le symbole et le logotype ont la **meme hauteur** (ajuster si necessaire)
5. Grouper les deux elements (Ctrl+G)
6. Sauvegarder : `talas_logo_principal.svg`

### 9.2 Logo empile (vertical)

1. Symbole au-dessus, logotype en dessous
2. Centrer horizontalement
3. Espace vertical : environ **la moitie de la hauteur du symbole**
4. Sauvegarder : `talas_logo_empile.svg`

### 9.3 Symbole seul

1. Le symbole seul, dans un document carre (viewBox carre)
2. Centrer dans le document
3. Sauvegarder : `talas_symbole.svg`

### 9.4 Logotype seul

1. Le texte TALAS seul
2. Sauvegarder : `talas_logotype.svg`

### 9.5 Favicon

Le favicon est le symbole **simplifie** pour etre lisible en 16x16 et 32x32.

La simplification peut inclure :
- Epaissir les traits fins (en dessous de 2px a 32x32, ils disparaissent)
- Supprimer les details qui ne sont plus visibles en petit
- Renforcer la forme globale

**Technique :**
1. Dupliquer le symbole
2. Redimensionner a 32x32 px
3. Zoomer a 800% pour travailler pixel par pixel
4. Ajuster les courbes pour que ca reste lisible
5. Verifier a 16x16 (encore plus simplifie si necessaire)
6. Sauvegarder : `talas_favicon.svg`

### 9.6 Versions monochromes

Pour chaque assemblage :
1. **Version noire** : fill `#1A1A1E` sur fond transparent → pour fond clair
2. **Version blanche** : fill `#F2EDE6` sur fond transparent → pour fond sombre

### 9.7 Version gravure

Pour la gravure laser sur aluminium, les traits doivent etre :
- **Plus epais** (minimum 0.5mm en taille reelle sur le micro)
- **Sans detail fin** (les details tres fins ne gravent pas bien)
- **Contours nets** (le laser suit des chemins — pas de flou)

Dupliquer le symbole et epaissir tous les traits de 10-15%.
Sauvegarder : `talas_gravure.svg`

### 9.8 Version broderie

Pour la broderie sur tissu (pochette du packaging) :
- **Traits minimum 3mm de large** en taille reelle
- **Pas de details inferieurs a 2mm**
- **Formes fermees** de preference (plus faciles a broder)

Dupliquer le symbole et simplifier encore plus que la version gravure.
Sauvegarder : `talas_broderie.svg`

---

## 10. Phase 8 — Tests en contexte (1-2 heures)

Avant de valider, tester le logo dans chaque contexte reel.

### 10.1 Test favicon

1. Exporter le favicon en PNG 16x16 et 32x32
2. L'afficher en taille reelle dans un navigateur (utiliser un fichier HTML local
   avec `<link rel="icon">`)
3. **Verdict :** est-ce reconnaissable dans un onglet de navigateur ?

### 10.2 Test avatar RS

1. Placer le symbole dans un cercle de 110x110 px (taille avatar Instagram)
2. Fond washi `#F2EDE6` + symbole `#1A1A1E`
3. Puis tester en inverse : fond `#0D0D0F` + symbole `#E8E3DB`
4. **Verdict :** est-ce reconnaissable dans un feed ?

### 10.3 Test sur fond sombre

1. Ouvrir le logo sur un fond `#0D0D0F`
2. Le symbole doit etre en blanc casse `#E8E3DB`
3. **Verdict :** le contraste est-il suffisant ? Le caractere est-il preserve ?

### 10.4 Test mockup packaging

1. Trouver une photo de boite en carton kraft (Google Images : "kraft box mockup")
2. Placer le symbole en noir dessus (dans GIMP ou Inkscape)
3. Imaginer le rendu reel (impression noir sur kraft)
4. **Verdict :** est-ce que ca evoque un hanko (sceau japonais) ?

### 10.5 Test mockup micro

1. Trouver une photo de micro a condensateur (le corps AliExpress, ou un NT1-A)
2. Placer le symbole en blanc ou noir sur le corps
3. Imaginer une gravure laser
4. **Verdict :** est-ce elegant et discret ?

### 10.6 Test page web

1. Creer un mock rapide (dans Figma, Inkscape, ou meme un fichier HTML) :
   - Header : fond washi + logo horizontal a gauche
   - Texte en Inter, titre en Space Grotesk
2. **Verdict :** le logo s'integre-t-il naturellement dans l'univers Sumi ?

### 10.7 Test aupres de 2-3 personnes

Montrer les 3 pistes (ou la piste finale) a 2-3 personnes de confiance
dont tu respectes l'avis artistique. Pas un sondage large.

Questions a poser :
- "A quoi ca te fait penser ?" (sans contexte)
- "Si tu voyais ca sur un produit, qu'est-ce que tu imaginerais ?"
- "Lequel tu retiens le plus facilement ?"

**Ne pas demander "tu aimes ?" — demander "tu retiens ?"**

---

## 11. Phase 9 — Export final (1 heure)

### 11.1 Formats et tailles

| Fichier | Format | Taille | Usage |
|---------|--------|--------|-------|
| Logo principal | SVG | Vectoriel | Source, web |
| Logo principal | PNG | 512x auto | High-res general |
| Logo principal | PNG | 256x auto | Usage courant |
| Symbole | SVG | Vectoriel | Source, web |
| Symbole | PNG | 512, 256, 128, 64, 32, 16 | Tous usages |
| Favicon | ICO | 16+32 | Navigateur |
| Favicon | PNG | 180x180 | Apple Touch Icon |
| Favicon | SVG | Vectoriel | Navigateurs modernes |
| OG image | PNG | 1200x630 | Meta tags (preview liens) |

### 11.2 Exporter depuis Inkscape

**Pour le SVG :**
1. Selectionner l'element a exporter
2. **Fichier → Enregistrer une copie** en SVG simple (pas Inkscape SVG)
3. Nettoyer les metadonnees inutiles

**Pour le PNG :**
1. Selectionner l'element
2. **Fichier → Exporter en PNG** (Shift+Ctrl+E)
3. Zone d'export : **Selection**
4. Regler la largeur desiree (la hauteur s'ajuste)
5. Cocher **fond transparent**

**Pour le ICO (favicon) :**
1. Exporter en PNG 16x16 et 32x32
2. Utiliser un convertisseur en ligne (realfavicongenerator.net) ou ImageMagick :
   ```
   convert favicon_16.png favicon_32.png favicon.ico
   ```

### 11.3 Organisation des fichiers

Ranger les fichiers dans l'arborescence definie dans la charte graphique :

```
05_EXPERIENCE_UTILISATEUR/Identite_Visuelle/
├── logo/
│   ├── talas/
│   │   ├── talas_logo_principal.svg
│   │   ├── talas_logo_empile.svg
│   │   ├── talas_symbole.svg
│   │   ├── talas_logotype.svg
│   │   ├── talas_favicon.svg
│   │   └── talas_gravure.svg
│   ├── veza/
│   │   └── veza_logotype.svg
│   ├── exports/
│   │   ├── png/
│   │   ├── favicon/
│   │   └── og/
│   └── references/           (moodboard, croquis scannes)
│       └── croquis/
...
```

---

## 12. Le logo Veza

### 12.1 Relation avec Talas

Veza est la plateforme web de Talas. Son identite visuelle est un **sous-ensemble**
de celle de Talas — meme palette, meme typographie, meme langage visuel.

### 12.2 Option A — Logotype seul (recommandee)

Veza n'a pas de symbole propre. Le mot **VEZA** en Space Grotesk Bold MAJUSCULES
est son seul identifiant visuel.

**Avantages :**
- Coherence : Talas et Veza partagent la meme typographie
- Simplicite : pas de confusion entre deux symboles
- Le symbole Talas reste LE symbole de tout l'ecosysteme

**Usage :** dans l'app Veza, la navigation affiche "VEZA" en logotype.
Le symbole Talas apparait en footer ou page A propos.

### 12.3 Option B — Symbole propre

Si tu veux que Veza ait son propre symbole, il doit :
- Appartenir au meme langage visuel (geste calligraphique, monochrome)
- Etre distinctement different du symbole Talas (pas une variation du meme geste)
- Pouvoir coexister avec le symbole Talas sans confusion
- Evoquer la **connexion** ou le **reseau** (veza signifie "lien" en serbe)

**Pistes :**
- Deux traits qui se croisent ou se rejoignent (lien, connexion)
- Un arc de cercle ouvert (onde qui cherche une autre onde)
- Deux enso imbriques (communaute, echange)

### 12.4 Decision

Cette decision se prend **apres** avoir finalise le logo Talas. Le logo Veza
depend du logo Talas — pas l'inverse.

Pour le lancement, l'option A (logotype seul) est la plus rapide et la plus sure.
L'option B peut etre exploree plus tard si le besoin se fait sentir.

---

## 13. Alternatives et complements

### 13.1 IA comme outil d'exploration

Les modeles de generation d'images (Gemini, DALL-E, Midjourney, Stable Diffusion)
peuvent servir d'outil d'exploration pour **visualiser des directions** avant de
dessiner a la main.

**Comment utiliser :**
1. Utiliser le prompt de [[PROMPT_GENERATION_VISUELS]] pour generer des visuels
2. Analyser les resultats : qu'est-ce qui fonctionne dans la composition ?
   Quelle direction est la plus forte ?
3. **Ne JAMAIS utiliser directement un resultat genere comme logo final.**
   Les logos generes par IA ne sont pas suffisamment uniques, manquent d'irregularite
   authentique, et posent des questions de propriete intellectuelle.
4. S'en servir comme **reference visuelle** pour dessiner a la main

### 13.2 Faire appel a un calligraphe (futur)

Si le budget le permet un jour, commander le symbole a un **calligraphe professionnel**
(sumi-e ou calligraphie occidentale) en fournissant le brief.

**Avantages :**
- Geste authentique execute par un artisan du trait
- Resultat unique et impossible a reproduire par IA
- Coherence parfaite avec la philosophie sumi-e du projet

**Budget indicatif :** 200-500 EUR pour un symbole de logo chez un calligraphe
professionnel. Investissement justifiable une fois que le projet genere du revenu.

### 13.3 Police custom (futur)

A terme, une police personnalisee pour le logotype (basee sur Space Grotesk mais
avec des ajustements specifiques) renforcerait l'unicite. C'est un projet ambitieux
(2000-5000 EUR chez un type designer) a envisager quand le projet est etabli.

---

## 14. Planning recapitulatif

| Phase | Duree | Ou | Livrable |
|-------|-------|-----|----------|
| 1. References | 1-2h | Partout (telephone) | Dossier moodboard |
| 2. Croquis rapides | 2-3h | Partout (papier + feutre) | 15-20 croquis, 3 pistes retenues |
| 3. Encre reelle | 2-3h | Chez toi (encre + papier) | 3 gestes finalistes |
| 4. Numerisation | 30min | Chez toi (scanner/telephone) | Scans haute resolution |
| 5. Vectorisation | 3-4h | Laptop (Inkscape) | Symbole SVG vectorise |
| 6. Logotype | 1-2h | Laptop (Inkscape) | TALAS + VEZA en SVG |
| 7. Assemblage | 2-3h | Laptop (Inkscape) | Toutes declinaisons SVG |
| 8. Tests | 1-2h | Laptop (Inkscape/Figma) | Mockups valides |
| 9. Export | 1h | Laptop (Inkscape) | Tous formats finaux |
| **Total** | **~14-20h** | | Logo complet + declinaisons |

Ces heures ne sont pas consecutives. Repartir sur 1-2 semaines.
Les phases 1-3 peuvent se faire en deplacement (carnet + feutre).
Les phases 4-9 necessitent un laptop.

---

## Voir aussi

- [[05_EXPERIENCE_UTILISATEUR/DIRECTION_ARTISTIQUE_TALAS]] — Philosophie visuelle
- [[05_EXPERIENCE_UTILISATEUR/IDENTITE_VISUELLE]] — Brief d'identite visuelle
- [[05_EXPERIENCE_UTILISATEUR/CHARTE_GRAPHIQUE_TALAS]] — Charte graphique complete
- [[05_EXPERIENCE_UTILISATEUR/SUMI_V3_SPECIFICATION]] — Spec technique design system
- [[05_EXPERIENCE_UTILISATEUR/PROMPT_GENERATION_VISUELS]] — Prompt IA pour explorer des directions
- [[01_PILOTAGE/ROADMAP_IDENTITE_VISUELLE]] — Roadmap globale V1-V8