# Brief Agent Design System — Fabien Massavie / Fidulia (Client 0)

> Briefing de session pour la production du design system de Fabien / Fidulia.
> Rédigé par Agent Stratège (20) — 12/06/2026.
> Ce document est lu EN PREMIER par Agent 21, qui produira ensuite DESIGN-BRIEF.md pour Agent 31.

---

## Contexte — Fabien est Client 0

Fabien Massavie / Fidulia est le client 0 de l'agence — test pipeline complet sur soi-même avant déploiement clients.

**Règle spéciale Client 0** (depuis Agent-Design-System.md) : le DESIGN-BRIEF client de Fabien = pointeur vers le DS agence Fidulia. Il n'y a pas de design system custom à créer — Fabien publie avec l'identité visuelle Fidulia.

Le design system Fidulia est la source de vérité :
- Fichier principal : `Contexte/Design-System/FIDULIA-DESIGN-SYSTEM.md`
- Couleurs : navy `#0C132A` + magenta `#D70459` (≤ 5%) + blanc `#FFFFFF`
- Typo : trinité **Playfair Display** (titres, casse phrase — PAS uppercase) + **Raleway** (corps, bullets, kickers) + **League Spartan** (chiffres display). Variable Fonts locales dans `Contexte/Design-System/Fonts/`, fallback Google Fonts via `@import` dans `tokens.css`.
- Icônes : Lucide, trait 1,5 px, bouts arrondis
- Rayons : boutons 8 px / cartes 12 px — jamais pill
- Pas de gradient, pas de glassmorphism

---

## Ce qu'Agent 21 doit produire

### Livrable 1 — `Clients/Fabien-Fidulia/Design/DESIGN-BRIEF.md`

Ce fichier sera importé comme instruction file dans un projet Claude.ai dédié "Fabien Fidulia Design System", puis utilisé par Agent 31 pour produire les visuels.

Contenu à inclure :
1. **Pointeur DS** : référence explicite vers `FIDULIA-DESIGN-SYSTEM.md` + rappel des tokens clés (hex, typo, icônes, rayons)
2. **Catalogue templates LinkedIn** — specs 2026 pour chaque format :
   - Bannière profil : 1584 × 396 px (safe zone : rien dans les 460 px gauche mobile / 20% inférieurs gauche)
   - Post / carrousel : 1080 × 1350 px — PDF vertical, ≤ 5 Mo, 80 px marge sur 4 bords
   - Cover newsletter : 1200 × 627 px
   - Citation visuelle : 1080 × 1350 px
3. **Règles do/don't** spécifiques à Fabien / Fidulia :
   - DO : fond navy dominant, accent magenta sparingly, trinité Playfair/Raleway/League Spartan, sobriété premium
   - DON'T : gradient, glassmorphism, photos personnelles de Fabien dans les posts réguliers, couleurs hors palette
4. **Charte photo** : pas de photo de Fabien dans les posts réguliers — visuels éditoriaux ou illustrations uniquement. Photo OK uniquement dans la Prise de parole personnelle (1× toutes les 2–4 semaines).
5. **Intention par format** :
   - Post Evergreen (mardi/jeudi) : visuel sobre, données/chiffres si pertinent, navy dominant
   - Contenu chaud : screenshot source (pas de visuel Fidulia requis)
   - Carrousel : 5–7 slides, 1 idée / slide, Tier 1 hook 80–120 px
   - Newsletter cover : cover éditoriale, titre article visible, cover mensuelle Linked Connexion

### Livrable 2 — `Clients/Fabien-Fidulia/Design/NANO-BANANA-PROMPTS.md`

Bibliothèque de 5 prompts minimum pour les assets photo-réalistes Fabien / Fidulia :
1. Bannière profil LinkedIn — ambiance studio premium, fond navy, sans texte (texte ajouté post-prod)
2. Cover newsletter Linked Connexion mensuelle — direction éditoriale sérieuse, tons froids
3. Fond carrousel factuel — épuré navy / blanc, espace pour texte superposé
4. Illustration éditoriale pour post IA stratégique (ex : cockpit d'avion, tableau de bord, système)
5. Visuel "Coulisses du système" (ex : infrastructure agentique, flux d'automatisation — abstrait et premium)

Modèle à utiliser :
- Tests / itérations rapides : `imagen-4.0-fast-generate-001`
- Production standard : `imagen-4.0-generate-001`
- Asset haute visibilité (bannière, cover) : `imagen-4.0-ultra-generate-001`

---

## Ce qu'Agent 21 transmet à Agent 31

Une fois DESIGN-BRIEF.md produit, Agent 31 (Graphiste) reçoit :
1. Le DESIGN-BRIEF.md → ses instructions de production
2. La liste des visuels à produire pour juillet 2026 (ci-dessous)

### File de production juillet 2026 pour Agent 31

| Priorité | Format | Specs | Usage | Statut |
|---|---|---|---|---|
| 1 | Bannière profil LinkedIn | 1584 × 396 px | Refonte profil — urgent | ⏳ À produire |
| 2 | Template post Evergreen | 1080 × 1350 px | Posts mardi/jeudi | ⏳ À produire |
| 3 | Template carrousel | 1080 × 1350 px — 7 slides | Contenu factuel | ⏳ À produire |
| 4 | Cover newsletter Linked Connexion | 1200 × 627 px | Newsletter mensuelle | ⏳ À produire |
| 5 | Template contenu chaud | 1080 × 1350 px | Réaction actualité | ⏳ À produire (optionnel) |

**Note Agent 31** : corriger les bugs identifiés en session 12/06 :
- Format correct posts : **1080 × 1350 px** (pas 1080 × 1080)
- Trinité typo correcte : **Playfair Display / Raleway / League Spartan** (bascule 2026-07-15 — plus de Sana Sans, plus de Montserrat)
- Path fonts VF : `Contexte/Design-System/Fonts/PlayfairDisplay-VF.ttf`, `Raleway-VF.ttf`, `LeagueSpartan-VF.ttf`

---

## Contexte éditorial (pour cohérence visuelle)

Le contenu de Fabien suit un positionnement Warren Buffett : autorité, sobriété, densité. Les visuels doivent refléter ce positionnement :
- Pas de visuels "clinquants" ou colorés
- Navy dominant = sérieux, premium, confiance
- Magenta = accent rare et précis (pas fond, pas dominant)
- Typographie lisible mobile avant tout (57% de consommation mobile)
- Pas de photos personnelles de Fabien dans les templates réguliers

---

## Fichiers à lire avant production (rappel Agent 21)

1. `Contexte/Design-System/FIDULIA-DESIGN-SYSTEM.md` — source de vérité design
2. `Contexte/Expertise/UKP-DESIGN-LINKEDIN.md` — specs LinkedIn 2026
3. `Contexte/Expertise/UKP-CLAUDE-DESIGN.md` — contraintes Claude Design / trinité Playfair-Raleway-League Spartan
4. `Contexte/Expertise/UKP-GEMINI-NANO-BANANA.md` — structure prompts Imagen
5. Ce fichier (BRIEF-FABIEN-CLIENT0.md) — contexte éditorial et file de production