# Journal de production visuelle — Fidulia

> Append-only. Une ligne par visuel produit par l'Agent Graphiste (31).

| Date production | Semaine | Référence post | Template utilisé | Formats livrés | Statut |
|---|---|---|---|---|---|
| 2026-07-07 | 2026-W28 | Bento "Design System × Claude Design" (7 avantages) — v1 typo | bento-infographie (typo, 7 tuiles, adapté des squelettes Canva) | PNG 2160×2700 + HTML source + HTML standalone | Remplacé par v2 |
| 2026-07-07 | 2026-W28 | Bento "7 avantages Design System" — v2 (skin Claude Design de Fabien) | Export Claude Design "Infographie Bento Fidulia" — texte réinjecté, 5 cartes phares + hero listant 7, tokens/polices intacts | PNG 2160×2700 + HTML bundle | Remplacé par v3 |
| 2026-07-07 | 2026-W28 | Bento "7 avantages Design System" — v3 (nouvelle mise en forme Fabien) | Export Claude Design "Infographie Bento Fidulia (1)" — grille 4 rangées, texte réinjecté, tokens/polices intacts | PNG 2160×2700 + HTML bundle (JS bundler — ne s'affiche pas hors Chrome complet) | Remplacé par v4 |
| 2026-07-07 | 2026-W28 | Bento "7 avantages Design System" — v4 (statique, corrige affichage cassé) | Même contenu/mise en forme que v3, reconstruit en HTML pur (polices Sana Sans en @font-face base64, zéro JS) | PNG 2160×2700 + HTML statique autonome | Remplacé par v5 |
| 2026-07-07 | 2026-W28 | Bento "7 avantages Design System" — v5 (hero libre pour visuel Fabien) | Carte titre splittée en 2 (avantages 6+7), hero central vidé (657×704 px, zone réservée visuel Fabien) — 7 avantages tous en cartes physiques | PNG 2160×2700 + HTML statique autonome | Remplacé par v6 |
| 2026-07-07 | 2026-W28 | Bento "7 avantages" — v6 (ordre 4↔5 / 6↔7, icônes retirées, bug police Sana Sans corrigé) | Contenu swappé entre cases (formes/couleurs des cases inchangées), icônes remplacées par repères pointillés dimensionnés (pour génération Gemini), fix critique : polices Sana Sans étaient gzippées dans le manifest Claude Design et jamais décompressées → fallback silencieux sur tous les visuels précédents | PNG 2160×2700 + HTML statique autonome | Remplacé par v7 |
| 2026-07-07 | 2026-W28 | Bento "7 avantages" — v7 (mise en page uniforme sur les 7 cartes) | Ordre fixe identique partout : AVANTAGE N°X → chiffre (44px) → titre (14px) → texte (11px) → flèche+CTA (10px). Icônes retirées du flux (placées ailleurs plus tard). Seule la couleur varie selon le fond de carte | PNG 2160×2700 + HTML statique autonome | Remplacé par v8 |
| 2026-07-07 | 2026-W28 | Bento "7 avantages" — v8 (hauteur carte 6 = carte 7) | Colonne 1 restructurée en bloc indépendant (flex) : carte 6 passe de 231px à 346px pour égaler carte 7, carte 1 cède l'espace (589px→474px). Colonnes 2/3 et hero inchangés | PNG 2160×2700 + HTML statique autonome | Remplacé par v9 |
| 2026-07-07 | 2026-W28 | Bento "7 avantages" — v9 (hero final intégré) | Visuel Fabien (couv-bento-1.png, 657×704 px, calé exactement sur la zone réservée) intégré dans le hero, archivé dans Design/Assets/bento-design-system-hero.png | PNG 2160×2700 + HTML statique autonome | Remplacé par v10 |
| 2026-07-07 | 2026-W28 | Bento "7 avantages" — v10 (chiffres retirés, typo agrandie, titres raccourcis) | Chiffres supprimés, titre hérite de la taille des chiffres (44px), kicker +6pt (15px), texte +3pt (14px), CTA +3pt (13px). Bug débordement corrigé (overflow-wrap) puis titres longs raccourcis (Développement accéléré→Dév. accéléré, Évolutivité & maintenance→Évolutivité, Collaboration transparente→Collaboration, Gain de temps & coûts→Gain de temps (ROI), Conception efficace→Conception, Accessibilité (A11Y)→Accessible, Cohérence & identité→Cohérence) pour que texte+CTA restent visibles sur toutes les cartes | PNG 2160×2700 + HTML statique autonome | Remplacé par v11 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v11 (titre réduit à 28px, hero remplacé) | Titre 44px→28px : test empirique (headless Chrome, 7 combinaisons carte/titre) montrait que "2 lignes max sur la carte la plus petite" autorisait jusqu'à 46px — donc pas de réduction possible par ce calcul seul ; ajustement fait sur ratio visuel titre/texte à la place. Nouveau visuel hero (carte-principale.png, 1314×1408 = 2× exact de la zone 657×704, fond blanc) intégré, remplace bento-design-system-hero.png dans Assets | PNG 2160×2700 + HTML statique autonome | Remplacé par v12 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v12 (cartes 4 et 5 largeur égale) | Row4 (cartes 4 Collaboration + 5 ROI) restructurée en rangée flex indépendante (322px chacune) au lieu des largeurs de colonnes 44fr/28fr héritées de la grille — élimine la coupure de "COLLABORATION". Reste de la grille (col1, col2 row1, col3 row1, hero) inchangé | PNG 2160×2700 + HTML statique autonome | Remplacé par v14 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v14 (essai graphique carte 2 : horloge détourée) | Image horloge (orloge.png, transparente) fournie par Fabien : quart supérieur-gauche découpé (657×704), positionné en bas-droite de la carte 2 dans la zone mesurée sans aucun texte (x>230px, y>133px sur 394×230). Bug de calque corrigé en cours de route : le fond magenta du bloc de texte recouvrait toute sa boîte (pas juste les lignes de texte) et masquait l'image — fond déplacé sur le conteneur extérieur, bloc de texte rendu transparent | PNG 2160×2700 + HTML statique autonome | Remplacé par v15 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v15 (horloge carte 2 collée aux bords) | Marge (16px droite/bas) retirée : image calée exactement sur les bords droit et bas de la carte 2, sans espace | PNG 2160×2700 + HTML statique autonome | Remplacé par v16 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v16 (swap couleurs cartes 4 ↔ 5) | Carte 5 (ROI) passe en magenta plein (#D70459) ; carte 4 (Collaboration) passe en rose (#FBE6EE) — texte et couleurs typographiques ajustés en cohérence | PNG 2160×2700 + HTML statique autonome | Remplacé par v17 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v17 (texte carte 7 refait par Agent 30) | Texte carte 7 (ACCESSIBLE) réécrit par Agent Rédacteur 30 à partir du brief original — suppressions du tiret cadratin (—) conformément à la règle 30 ; textes toutes cartes passés en 100% white sur magenta et 100% navy sur rose (suppression des opacités W60/W75/GREY) | PNG 2160×2700 + HTML statique autonome | Remplacé par v18 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v18 (textes toutes cartes Agent 30) | Tous les textes (cartes 1–7) réécrits par Agent Rédacteur à partir des briefs originaux — synthèse condensée pour respecter la contrainte d'espace, aucun tiret cadratin, voix Fidulia | PNG 2160×2700 + HTML statique autonome | Remplacé par v19 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v19 (horloge pleine hauteur sur cartes magenta) | Image orloge.png (stopwatch transparent, quadrant haut-gauche 657×704) repositionnée height:100% sur les 3 cartes magenta (2, 5, 7) — opacité 0.25, positionnement différencié (carte 2 : bas-droite, carte 7 : bas-centre, carte 5 : haut-droite) | PNG 2160×2700 + HTML statique autonome | Remplacé par v20 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v20 (placeholder horloge stabilisé, textes couleurs corrigés) | Horloge placeholder confirmée sur cartes 2/5/7 (base pour icônes définitives) — textes blancs 100% et navy 100% validés, kicker monospace conservé par choix design | PNG 2160×2700 + HTML statique autonome | Remplacé par v21 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v21 (icônes croquis organiques Agent 31 × Nano Banana) | Placeholder horloge remplacé par 2 croquis chalk Agent 31 : sablier (carte 5) + œil spirale (carte 7) — générés via `imagen-4.0-fast-generate-001`, fond magenta IA (non conforme), opacity:1.0, height:70% | PNG 2160×2700 + HTML statique autonome | Remplacé par v22 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v22 (correction fond icônes — screen blend) | Icônes binarisées (fond noir pur / traits blancs purs) via PIL, `mix-blend-mode:screen` dans le HTML — fond noir disparaît sur magenta. Opacité 1.0, height:70% | PNG 2160×2700 + HTML statique autonome | Remplacé par v23 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v23 (icônes homogènes cartes 2/5/7) | Icônes sablier + œil converties en PNG RGBA (fond transparent, traits blancs opaques) via PIL — paramètres CSS identiques à l'horloge carte 2 : `opacity:0.25; height:100%; right:0; bottom:0`. Les 3 cartes magenta sont visuellement homogènes | PNG 2160×2700 + HTML statique autonome | Remplacé par v24 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v24 (sablier carte 5 : pleine hauteur, moitié droite masquée) | Sablier RGBA : `height:100%; right:0; bottom:0; transform:translateX(50%)` — l'image prend toute la hauteur de la carte, seule la moitié gauche est visible | PNG 2160×2700 + HTML statique autonome | Remplacé par v25 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v25 (œil carte 7 : largeur dessin = largeur carte, moitié basse masquée) | Œil tight-cropé via PIL (bbox x:128–1024, y:0–1024 → 896×1024) pour que le dessin remplisse la largeur à 100% ; `bottom:0; transform:translateY(50%)` — moitié haute visible uniquement | PNG 2160×2700 + HTML statique autonome | Remplacé par v26 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v26 (kicker Sana Sans Light) | Libellé "AVANTAGE N°X" : `font-weight:300` (Sana Sans Light) sur toutes les cartes — was monospace 700 | PNG 2160×2700 + HTML statique autonome | Remplacé par v27 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v27 (cartes magenta : kicker + CTA en navy) | Sur les 3 cartes magenta (2, 5, 7) : kicker "AVANTAGE N°X" et CTA "▸ L'approche…" passent en navy `#0C132A` au lieu de blanc — meilleur contraste sur fond fuchsia | PNG 2160×2700 + HTML statique autonome | Remplacé par v28 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v28 (col1 restructurée pour zone signature) | Card1 474→380px, card6 346→260px pour libérer ~170px de zone navy en bas de col1 destinée à la signature Fidulia — CTA carte 6 coupé (hauteur trop petite) | PNG 2160×2700 + HTML statique autonome | Remplacé par v29 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v29 (fix hauteur card6, zone libre ≈140px) | Card6 260→300px : CTA "L'approche Claude structure…" pleinement visible. Zone libre navy en bas de col1 : 140px (380+346+300+24px gaps = 1050px sur 1190px total) | PNG 2160×2700 + HTML statique autonome | Remplacé par v30 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v30 (signature Fidulia intégrée) | `signature-blanche.png` (2882×1472 RGBA) placée dans la zone navy col1 : `width:100%; height:auto` — ratio 2:1 → hauteur ≈128px, tient dans les 140px libres | PNG 2160×2700 + HTML statique autonome | Remplacé par v31 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v31 (label "Conception et réalisation" au-dessus de la signature) | Texte Sana Sans Light 11px `rgba(255,255,255,0.65)` ajouté au-dessus de la signature ; signature réduite à `width:78%` ; padding-left:24px sur l'ensemble | PNG 2160×2700 + HTML statique autonome | Remplacé par v32 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v32 (alignement padding-left:24px) | padding-left:24px sur la zone signature pour aligner texte et image avec le contenu des cartes 1/6/7 | PNG 2160×2700 + HTML statique autonome | Remplacé par v33 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v33 (label blanc opaque, sans deux-points) | Couleur label : `rgba(255,255,255,0.65)` → `#FFFFFF` opaque ; suppression du `:` final | PNG 2160×2700 + HTML statique autonome | Remplacé par v34 |
| 2026-07-08 | 2026-W28 | Bento "7 avantages" — v34 (VERSION FINALE VALIDÉE) | padding-left:24px sur le label uniquement (texte aligné avec les cartes) ; image signature sans padding (bord gauche de col1). Visuel validé pour publication Fidulia + archivé comme template bento réutilisable dans `Contexte/Design-System/Templates/bento-7-avantages.py` | PNG 2160×2700 + HTML statique autonome | VALIDÉ |
| 2026-07-18 | 2026-W29 | L'Essentiel du CGP — Édition n°1 (envoi 19/07) | Rendu email HTML, pas visuel LinkedIn. Layout tables 620px (compat Outlook), Georgia/Arial en substitution Playfair/Raleway (webfonts non chargeables en email). Navy #0C132A header + bloc "Retenu au filtre" + footer ; magenta #D70459 sur kickers, numéros, liens uniquement. Zéro image (délivrabilité + image-blocking). Sources cliquables sur items 3/4/5. Vérifié desktop 760px + mobile 375px, 0 débordement, 0 erreur console | HTML autonome | PROPOSITION — attente validation Fabien |
| 2026-07-18 | 2026-W29 | L'Essentiel du CGP n°1 — correctif fonds navy | **Bug rendu Gmail** : `style="background:#0C132A"` (propriété raccourcie) supprimé par le désinfecteur CSS de Gmail → header, bloc "Retenu au filtre" et footer rendus sur fond blanc, texte blanc invisible ("L'Essentiel du" disparu, seul "CGP" magenta visible). **Correctif** : attribut HTML `bgcolor="#0C132A"` + `background-color:` en CSS sur chaque bloc coloré (7 remplacements par fichier, 4 blocs navy). Règle à appliquer à tout futur email Fidulia | HTML autonome | Corrigé, à revérifier en test |
| 2026-07-28 | 2026-W30 | Carrousel complet "IA & Métiers de Confiance" (extension de l'infographie rapport-style 5 sections, revue avec Fabien) | Le post du 23/07 avait utilisé une capture pleine page de `infographie-ia-metiers-confiance-fidulia-source.html` (2761×6748 px, hors format LinkedIn). Reconstruit en carrousel natif 1080×1350 (4:5) : reprend les 6 slides de `carrousel-ia-metiers-confiance-fidulia-source.html` (adoption, effet égalisateur, paradoxe transparence) et ajoute 2 slides couvrant les sections manquantes — 06 comparatif Fiduciary-Grade AI™ vs IA générale (nouveau layout `.layout-comparatif`), 07 surprime tarifaire +45% (réutilise `.layout-chiffre-hero`). 8 slides, safe zone 80px et trinité typo respectées, vérifié slide par slide via preview navigateur | HTML source (8 slides) | PROPOSITION — attente validation Fabien avant export PNG/PDF |