Design Brief — Fidulia (client 0)
Mis à jour : 2026-06-03 · Cas particulier : DS client = DS agence
ℹ️ Fidulia est son propre premier client (test pipeline). Son identité visuelle = celle de l'agence. Toutes les règles du DS agence s'appliquent directement — aucune adaptation client-spécifique requise.
Référence design system
Source : Contexte/Design-System/DESIGN-SYSTEM-FIDULIA.md
Templates HTML : Contexte/Design-System/Templates/fidulia-templates.html
Tokens clés
Palette
- Navy
#0C132A — fond principal dominant
- Magenta
#D70459 — mots-clés, chiffres-rois, accents (~5% max par composition)
- White
#F0F4FA — texte sur fond navy
- Neutral 800
#1F2937 — bordures discrètes
Typographies
- Titres : Sana Sans Black — UPPERCASE, tracking serré (−0.02em)
- Corps : Sana Sans Regular
- Mono : IBM Plex Mono — métriques, captions, numérotations
Formats LinkedIn (référence 1080×1080)
- Display : 84px | Title : 48px | Subtitle : 26px | Body : 20px | Small : 16px
Catalogue de templates disponibles
- Bannière profil LinkedIn — 1584 × 396 px — "Votre LinkedIn. Pris en main."
- Carrousel pédagogique — 1080 × 1350 px (cover + slides + clôture)
- Carrousel cas client — 1080 × 1350 px (avant / actions / résultat)
- Citation visuelle — 1080 × 1080 px (max 25 mots)
- Big Number / chiffre choc — 1080 × 1080 px
- Infographie "Formats LinkedIn" — 1080 × 1350 px
- Cover newsletter — 1200 × 627 px
- YouTube thumbnail — 1280 × 720 px
Procédure de production visuelle
1
Lire DESIGN-SYSTEM-FIDULIA.md — tokens + catalogue complet
2
Récupérer le template HTML correspondant dans fidulia-templates.html
3
Remplacer le contenu par celui du plan contenu du mois (CONTENU-JUIN-2026.md)
4
Capturer en PNG aux specs LinkedIn (cf. §3 du DS)
Règles do / don't
- ✅ Magenta réservé aux mots-clés et chiffres-rois — ~5% de la composition max
- ✅ UPPERCASE pour les titres display avec tracking serré
- ✅ Métaphores : sommet, cordée, sentier, sherpa, étape
- ❌ Pas de photos stock business génériques (poignée de main, conférence)
- ❌ Pas de palette hors navy/magenta/blanc/black
- ❌ Pas de gradient, pas d'ombre portée forte
- ❌ Pas de superlatifs visuels ("viral", flammes, fusées)