Définir les couleurs et polices globales DÈS LE DÉBUT évite un travail énorme de reprise ultérieure et garantit dès le départ cohérence et maintenabilité — les mettre en place tard oblige à retoucher tout ce qui a été construit avec des valeurs fixes. Pourquoi commencer par les globales : (1) COHÉRENCE dès le départ. En définissant votre palette et vos styles de texte au début, tous les éléments que vous construisez ensuite utilisent ces globales → le site est cohérent DÈS le début, sans effort. Si vous réglez couleurs et polices au cas par cas au fil de la construction, vous accumulez des incohérences (nuances différentes, tailles variables) qu'il faudra corriger. (2) ÉVITER une reprise massive. Si vous construisez d'abord avec des valeurs FIXES (couleurs/polices codées en dur sur chaque élément) et décidez ensuite de passer aux globales (ou de changer l'identité), il faut REPRENDRE chaque élément un par un — un travail long et pénible. En définissant les globales AVANT, vous appliquez directement les bonnes valeurs, sans reprise. (3) MAINTENANCE facile pour la suite. Une fois les globales en place et appliquées partout, tout changement d'identité (nouvelle couleur principale, nouvelle police) se fait CENTRALEMENT (une modification → tout le site suit). Sans globales définies tôt, vous perdez cet avantage. (4) RAPIDITÉ de construction. Choisir « la couleur principale » ou « le style de titre » globaux est plus rapide et sûr que de régler chaque couleur/taille à la main à chaque élément. On construit plus vite et sans erreur. (5) Cela POSE le cadre visuel (la charte) qui guide toute la construction — on sait quelles couleurs et polices utiliser. La bonne démarche : (1) AU DÉBUT du projet, dans les Site Settings : (a) définissez votre PALETTE de COULEURS globales (principale, secondaire, couleur de texte, accent, éventuellement quelques nuances) ; (b) définissez vos STYLES DE TEXTE / POLICES globaux (style du titre principal, des sous-titres H2/H3, du corps de texte) — en choisissant 1 à 2 familles de polices. (2) ENSUITE, en construisant, APPLIQUEZ ces globales aux éléments (choisir la valeur globale plutôt qu'une valeur fixe). (3) Ne réglez LOCALEMENT (valeur fixe) qu'en exception justifiée (un cas particulier). Ce que ça évite (les problèmes d'une mise en place tardive) : (1) Des incohérences accumulées (à corriger). (2) Une reprise fastidieuse de chaque élément (pour passer aux globales ou changer l'identité). (3) Un site difficile à faire évoluer (design figé dans des valeurs éparses). Les bonnes pratiques : (1) Palette LIMITÉE (quelques couleurs bien choisies) — trop de couleurs nuit à la cohérence. (2) PEU de polices (1-2). (3) Styles de titres cohérents (une hiérarchie définie). (4) Appliquer les globales PARTOUT, valeurs fixes en exception. (5) Renseigner aussi l'identité (logo, favicon). En résumé : définissez les couleurs et polices GLOBALES DÈS LE DÉBUT d'un projet parce que cela garantit la COHÉRENCE immédiate (tout ce que vous construisez ensuite utilise la bonne palette/typographie), évite une REPRISE massive ultérieure (sinon il faut retoucher chaque élément construit avec des valeurs fixes), assure une MAINTENANCE centralisée (changer une globale met tout le site à jour d'un coup) et accélère la construction (choisir une globale plutôt que régler à la main). Concrètement : au démarrage, définissez votre palette de couleurs globales et vos styles de texte globaux (1-2 polices, palette limitée), puis appliquez ces globales à tous les éléments (valeurs fixes en exception). Mettre les globales en place tard oblige à un travail de reprise fastidieux et laisse s'accumuler des incohérences. C'est un réflexe fondamental d'organisation : poser l'identité visuelle globale d'abord, construire avec ensuite — pour un site cohérent, rapide à faire et facile à faire évoluer.

Grâce aux couleurs et polices GLOBALES, un changement se propage AUTOMATIQUEMENT à tous les éléments qui utilisent ces globales — une seule modification centrale met à jour tout le site, à condition d'avoir appliqué les globales (et non des valeurs fixes). Le mécanisme : (1) Quand vous définissez une COULEUR GLOBALE (ex. « couleur principale ») ou un STYLE DE TEXTE GLOBAL (ex. « style du titre principal ») dans les Site Settings, vous créez une RÉFÉRENCE réutilisable. (2) Quand vous APPLIQUEZ cette globale à un élément (vous choisissez « couleur principale » pour un bouton, « style de titre » pour un titre), l'élément ne stocke pas une valeur fixe : il POINTE vers la globale. (3) Résultat : si vous MODIFIEZ la globale (changer la couleur principale du bleu au vert, changer la police des titres), TOUS les éléments qui pointent vers cette globale se METTENT À JOUR automatiquement — sans les toucher un par un. C'est comme une variable centrale : on change la valeur à un endroit, tout ce qui l'utilise suit. Un exemple concret : (1) Vous définissez « couleur principale = bleu » et l'appliquez à 50 boutons, titres, liens du site. (2) Vous décidez de passer au vert : vous changez « couleur principale = vert » dans les Site Settings (UNE modification). (3) Les 50 éléments deviennent verts AUTOMATIQUEMENT. Sans les globales (couleur bleue codée en dur sur chaque élément), il aurait fallu changer les 50 éléments un par un. La CONDITION : avoir appliqué les GLOBALES (pas des valeurs fixes) : (1) La propagation ne fonctionne QUE pour les éléments qui utilisent la couleur/police GLOBALE. (2) Les éléments où vous avez réglé une valeur FIXE (une couleur choisie en dur, pas la globale) ne suivront PAS le changement — ils gardent leur valeur fixe. (3) D'où l'importance d'APPLIQUER les globales partout (et de réserver les valeurs fixes aux exceptions) : sinon, certains éléments ne se mettront pas à jour, créant des incohérences. Ce que ça permet : (1) MAINTENANCE centralisée : faire évoluer l'identité visuelle (couleurs, polices) en quelques modifications, répercutées partout. (2) COHÉRENCE garantie : tous les éléments liés à une globale restent harmonisés. (3) GAIN de temps énorme : pas de retouche élément par élément. (4) Expérimenter facilement (tester une nouvelle couleur principale et voir tout le site changer d'un coup). Les bonnes pratiques : (1) APPLIQUEZ systématiquement les globales aux éléments (couleur/police globale plutôt que fixe) — c'est ce qui permet la propagation. (2) Réservez les valeurs FIXES aux exceptions justifiées (en sachant qu'elles ne suivront pas les changements globaux). (3) Organisez bien vos globales (palette claire, styles nommés) pour vous y retrouver. (4) Après un changement global, VÉRIFIEZ le rendu (que la propagation a bien eu lieu partout, et repérer d'éventuels éléments à valeur fixe oubliés). Les pièges : (1) Avoir réglé des valeurs FIXES un peu partout (ces éléments ne suivront pas → incohérence après un changement). (2) Oublier d'appliquer les globales (pas de propagation). (3) Trop de globales/nuances (confusion). En résumé : un changement de couleur ou de police se propage à tout le site parce que les éléments qui utilisent une COULEUR/POLICE GLOBALE POINTENT vers cette globale (comme une variable centrale) plutôt que de stocker une valeur fixe. Modifier la globale dans les Site Settings (une seule action) met donc à jour AUTOMATIQUEMENT tous les éléments qui l'utilisent — d'où une maintenance centralisée, une cohérence garantie et un gain de temps énorme. La CONDITION est d'avoir APPLIQUÉ les globales aux éléments (les éléments à valeur fixe ne suivront pas le changement) : appliquez donc les globales partout et réservez les valeurs fixes aux exceptions. C'est le grand avantage des couleurs/polices globales : faire évoluer l'identité de tout un site en quelques clics, à condition de les avoir utilisées systématiquement.