# JOURNAL-VISUELS — Solar Screen

> Registre des visuels produits par l'Agent Graphiste (31).
> Un visuel = une ligne. Ne jamais produire deux fois le même sans le signaler ici.

---

## 2026-30 (semaine du 20/07/2026)

### `infographie-bienfaits-film-solaire`

| Champ | Valeur |
|---|---|
| **Type** | Infographie poster, 6 cases 2×3 |
| **Format** | 1080 × 1350 px (4:5) |
| **Statut** | 🟠 PROPOSITION — en attente validation Fabien + client |
| **Date** | 21/07/2026 |
| **Source contenu** | `INFOGRAPHIE-FILM-SOLAIRE (1).md` (brief client) |
| **Structure** | Validée par l'Agent Stratège (20) le 21/07/2026 |
| **Référence layout** | Infographie « How to Master Claude in 7 Days » (Harish Kumar), fournie par Fabien |

**Fichiers**
- `2026-30/infographie-bienfaits-film-solaire.html` — source
- `2026-30/infographie-bienfaits-film-solaire@2x.png` — 2160 × 2700 (export Retina)
- `2026-30/infographie-bienfaits-film-solaire-1080.png` — 1080 × 1350 (LinkedIn)
- `2026-30/infographie-bienfaits-film-solaire.pdf` — 1 page, vectoriel (impression)

**Décisions de structure appliquées**
- 8 bienfaits du brief ramenés à **6 cases** : les bienfaits 5, 6 et 7 (kWh, €, kgCO₂) fusionnés en une seule carte « Valeur » à 3 KPI, car ils expriment la même cause sous trois unités.
- Bandeau des 3 promesses supprimé en tant que bloc : il devient le **système de chips** (Confort / Protection / Valeur), une catégorie par ligne de la grille.
- Bloc contexte climat ramené de 4 stats à **1 seule** (1 logement sur 4 climatisé, 50 % d'ici 2035), en filet sous le sous-titre. Les stats canicule 2026 ont été écartées : elles dateront dans six mois, pas la trajectoire RTE.
- Badge circulaire supprimé (redondant avec le bandeau de chute).
- Mention produit passée de 8 astérisques à **une seule ligne en pied** (Vista 99 XC).
- **Numéros et flèches pointillées de la référence NON repris** : ils portent une progression temporelle chez Harish Kumar (Jour 1 → Jour 7) qui n'existe pas ici, les 6 bienfaits étant simultanés.

**Écarts au Design System Fidulia — assumés**
- Palette Solar Screen (crème `#F1E9DC`, noir `#171614`, orange `#E8823C`, orange clair `#F3C89C`), issue des fiches techniques client. Aucun token Fidulia utilisé : ce n'est pas un visuel Fidulia.
- Typo Fidulia réutilisée **à titre de proposition** (Playfair Display italic sur le chiffre-titre, Raleway en corps, League Spartan sur les KPI). À confronter à la charte réelle Solar Screen avant livraison client.
- Corps de texte à 20 px (règle Fidulia : 32 px mini). Assumé : format poster à 6 cases, pas une slide de carrousel. Lisible en desktop et en impression, **tendu en fil mobile** — voir point ouvert.

**Révision 21/07 (v6) — correction factuelle carte 5 + chute agrandie**
- 🔴 **Correction d'exactitude.** La carte « Ce que ça vous rend, *chaque année* » présentait les 40,6 kgCO₂ comme un gain annuel, alors que les fiches Solar Screen les donnent **sur la durée de vie du film**. Titre ramené à « Ce que ça vous rend », périodicité déplacée dans chaque unité : « kWh/m² économisés par an », « par m² de vitrage et par an », « kgCO₂/m² sur la durée de vie ». Chaque chiffre porte désormais sa propre échelle de temps.
- Chute agrandie 23 → 26,5 px, passée en Mukta Regular avec le seul « chiffrée, garantie, rentable. » en SemiBold orange.
- Icônes 42 → 56 px (maximum mesuré : la zone de contenu des cartes 3 et 4 plafonne à 59 px).
- Textes des cartes et du bloc de tête agrandis (puces 19 → 21,5 px, enseignements 17 → 19 px, titres 24 → 26,5 px, sous-titre 22 → 25 px).

**Révision 21/07 (v5) — inversion des fonds + marges resserrées**
- Fonds inversés : la page prend le crème `#FAF8F5` (ancien fond des cartouches), les cartouches passent en blanc pur. Les cartes se détachent maintenant par leur remplissage et non plus par leur bordure.
- Marges latérales : 52 → **36 px**. Largeur utile 976 → 1008 px, récupérée sur le titre (max-width 648) et la photo (334 → 352 px).
- Titre repris sur 2 lignes, « 95 % » porté à 100 px (`inline-block`, `line-height:0.86` pour ne pas creuser l'interligne), 2ᵉ ligne ramenée à 44 px pour tenir sans déborder sur la photo.

**Révision 21/07 (v4) — titre en bold + photo pleine hauteur**
- Titre passé en **Catamaran Bold (`wght` 700)**, calé sur le H1 de m-covering.fr. Le Thin ne servait plus : sur fond blanc et à cette taille, il n'avait pas la présence du site. Interlettrage resserré à `-0.02em`, comme toujours en bold.
- Photo de tête : `height` fixe remplacé par `top:0; bottom:0`. Elle épouse désormais la hauteur exacte du bloc de tête, son bas s'aligne donc automatiquement sur la dernière ligne du contexte. Si le texte de tête change, l'alignement suit tout seul.
- Footer complété : `+33 6 31 60 57 54 · www.m-covering.fr`.

**Révision 21/07 (v3) — bascule sur la charte M'COVERING**

Le client est **M'COVERING** (poseur, Metz), pas Solar Screen (fabricant du film). Tout l'habillage a été refait.

| | Avant (v1-v2) | Après (v3) |
|---|---|---|
| Palette | crème `#F1E9DC` / orange `#E8823C` | blanc / noir `#111` / orange **`#CD7B1F`** |
| Typo | Playfair + Raleway + League Spartan | **Catamaran Thin** (titres, chiffres) + **Mukta** (corps) |
| Photo | véranda (non fournie) | `Films-solaires.png` — pose de film sur fenêtre |
| Logo | picto soleil provisoire | `M-COVERING-logo-ET-TEXTE-1.png` |
| Coordonnées | Foetz, Luxembourg + tél + site | M'COVERING, 8 rue Graham Bell, 57070 Metz |

- Polices **stockées en local** (`Design/Assets/Fonts/`) pour que le rendu soit reproductible hors ligne.
- ⚠️ **Piège Catamaran Thin.** L'API Google Fonts `css2?family=Catamaran:wght@100` renvoie un fichier statique dont l'`usWeightClass` vaut **250**, pas 100 : le titre rendait un ExtraLight au lieu d'un Thin. Corrigé en passant à la **Variable Font** (`Catamaran-VF.ttf`, axe `wght` 100→900, défaut 100) avec `font-variation-settings:'wght' 100`. Les deux statiques trompeurs ont été supprimés du dossier Fonts. **Ne jamais reprendre les statiques Catamaran de l'API pour cette charte.**
- **« Certifié B Corp » supprimé** : cette certification appartient à Solar Screen, pas à M'COVERING. L'afficher sous le nom M'COVERING aurait été une fausse déclaration.
- Mention légale reformulée : « Films Solar Screen posés par M'COVERING » — les chiffres de performance restent attribués au fabricant.
- Écart de charte assumé : titres de cartes en **Mukta 600** (SemiBold) et non Medium 500. Avec un display en Thin, un titre de carte en Medium n'avait plus assez de présence. Les fichiers 400/500/600 sont en local, retour arrière immédiat si le client tient au Medium strict.
- ⚠️ Le dossier client s'appelle encore `Clients/Solar-Screen/` alors que le client est M'COVERING. À renommer.

**Révision 21/07 (v2) — illustration remplacée par une photo**
- L'illustration line-art (soleil + rayons réverbérés) a été retirée sur demande de Fabien.
- Remplacée par un emplacement photo : `Design/Assets/photo-veranda.jpg`, cadre 336 × 252 px, radius 12 px, bordure `#F3C89C`, liseré orange 5 px en pied.
- Cadrage : `object-fit:cover` + `object-position:50% 46%` (calé sur la bande vitrée d'une photo portrait 3:4). À réajuster si la photo définitive a un autre cadrage.
- ⚠️ **Le fichier photo n'est pas encore déposé.** Les PNG et le PDF actuels datent d'avant cette révision et montrent encore l'illustration line-art. Réexporter après dépôt.

**Points ouverts au 21/07 (v3)**
- [ ] Renommer `Clients/Solar-Screen/` → `Clients/M-COVERING/` (et corriger les chemins relatifs du HTML)
- [ ] Baseline M'COVERING à définir
- [ ] Arbitrer Mukta 600 vs 500 strict sur les titres de cartes
- [ ] Décider si une déclinaison A4/A3 print est nécessaire (le PDF actuel est au ratio 4:5, pas au ratio A)

*Résolus en v3 : photo fournie, logo fourni, charte typo fournie, coordonnées client corrigées.*

---