# Lecture de la maquette — ETIC V12 (2026-09-23)

Fichier : `4738 - ETIC - REFONTE SITE WEB - V12.xd`, 218 Mo, 18 planches.
Analyse **lecture seule**, rien n'a été modifié sur le site.

⚠️ **Le fichier livré a un index d'archive incomplet** (bloc de fin absent). Le
contenu, lui, est intact : `unzip -FF` le reconstruit et extrait les 218 Mo. À
surveiller si Adobe XD refuse de l'ouvrir — ce serait la copie, pas la maquette.

## Planches

18 planches, **toutes en 1920 de large** : accueil, entreprise, prise en main à
distance, listing et fiche produit, 5 pages support, contact, actualités, et 6 pages
de solutions (interconnexion, remontée d'alertes, stockage, performances, flotte,
carte SIM).

⚠️ **Aucune planche tablette ni mobile.** Le comportement intermédiaire est donc une
décision d'intégration, pas une lecture de la maquette — à annoncer au client plutôt
qu'à inventer en silence.

## Largeur de conteneur : 1652 px

40 occurrences, seule valeur dominante de la plage (les autres : 1235 px ×6,
1096 px ×2).

⚠️ Elementor est livré à **1140 px**. Garder le défaut rétrécirait toute
l'intégration de 512 px sans que personne ne sache pourquoi.

## Couleurs, pondérées à la SURFACE

| Teinte | Surface | Rôle probable |
|---|---|---|
| `#FFFFFF` | 36,5 % | fond principal |
| `#F9F9F9` | 27,2 % | fond alterné |
| `#3C3C3B` | 21,7 % | sections sombres / texte |
| `#F7F7F7` | 6,0 % | fond alterné secondaire |
| `#212121` | 5,8 % | texte courant |
| `#00AA7A` | 2,6 % | **accent** |
| `#D6BFA0` | 0,15 % | beige, anecdotique |

🔴 **Le nuancier déclaré ment sur le vert.** Le document déclare `#4CA87D` — qui
**n'apparaît sur aucune planche**. Le vert réellement employé est `#00AA7A`.
⚠️ Et c'est `#4CA87D` qui est actuellement en dur sur le site (titre de la page 404).
Le dessin fait foi : c'est `#00AA7A` qu'il faut poser en couleur globale.

Le nuancier déclare aussi `#3C3C3B`, `#212121` et `#D6BFA0`, cohérents avec l'usage.

## Typographie

**Roboto** : Medium (831 occurrences), Regular (524), Bold (82), Italic (3).

⚠️ **Helvetica Neue** apparaît 47 fois (Light 35, Regular 12) — une seconde famille,
probablement résiduelle. À trancher avec le studio avant d'intégrer : deux familles
non assumées, c'est une dette de charte.

Tailles réellement employées : **20, 18, 14, 30, 24, 48, 50, 25, 16, 10**.

🔴 **Les styles nommés ne correspondent pas aux planches** :

| Style déclaré | Déclare | Réalité des planches |
|---|---|---|
| `H1` Roboto Bold | 48 px | 48 px ✅ mais 50 px sort presque autant (35 vs 39) |
| `H3` Roboto Medium | 24 px | 24 px ✅ (53 occurrences) |
| `Body` Roboto Regular | 18 px | **20 px domine** (588 contre 551) |

Et ni `30 px`, ni `50 px`, ni `25 px` n'ont de style nommé, alors qu'ils totalisent
137 occurrences. L'échelle réelle est plus riche que l'échelle déclarée.

## Conséquence RGPD

Roboto est une police Google. Elle doit être **auto-hébergée**, jamais appelée depuis
`fonts.googleapis.com` — c'est la règle non négociable, et le motif exact de la
sanction CNIL sur Google Fonts.

## Ce qu'il faudrait trancher avant d'intégrer

1. `#00AA7A` ou `#4CA87D` pour le vert ? (la maquette dit `#00AA7A`)
2. Helvetica Neue : volontaire ou résidu ?
3. Body à 18 ou 20 px ?
4. Comportement tablette et mobile : aucune planche ne le définit.