L'apparence de votre site
Couleurs et style
Changer le style visuel de votre site et choisir sa palette de couleurs.
Dans cet article
Deux réglages contrôlent l'apparence de votre site : le style (la façon dont les éléments sont dessinés) et les couleurs.
Ils se trouvent dans Sites web → Paramètres du site, tout en haut.
Le style visuel (Design)
Deux styles sont proposés :
- Nature — chaleureux et naturel, formes douces, typographie ronde.
- Moderne — professionnel et épuré, lignes droites, typographie sobre.
Cliquez sur la vignette du style qui vous plaît. Une coche verte apparaît dessus.
Cliquez sur « Enregistrer les paramètres », en haut à droite.
Ouvrez votre site dans un autre onglet pour voir le résultat.
Le style change les polices de caractères, les arrondis, les espacements et la façon dont les blocs sont dessinés. Tout le reste est identique.
Les couleurs (palette)
Juste en dessous, la section « Couleurs » propose une série de palettes prêtes à l'emploi.
Chaque rectangle est une palette. Il est découpé en quatre bandes qui représentent, de gauche à droite :
le fond des sections — la couleur de base des pages ;
la couleur de marque — les boutons, le pied de page, les liens ;
la couleur d'accent — les détails, les surlignements ;
le texte et les titres — la couleur des mots.
Pour changer de palette :
Cliquez sur la palette souhaitée. Une coche verte apparaît.
Cliquez sur « Enregistrer les paramètres ».
La palette personnalisée
La dernière palette de la liste porte l'étiquette PERSO. Choisissez-la si vous voulez régler vous-même les quatre couleurs — par exemple pour reprendre exactement les couleurs de votre logo.
Quatre champs apparaissent alors, dans le même ordre que les bandes :
| Champ | Ce qu'il colore |
|---|---|
| Fond des sections | L'arrière-plan des pages. Choisissez une couleur très claire. |
| Couleur marque (principale) | Les boutons et le pied de page. C'est votre couleur signature. |
| Couleur d'accent | Les détails et les éléments actifs. |
| Texte & titres | Les mots. Choisissez une couleur très foncée. |
Pour chaque champ, vous pouvez soit cliquer sur le carré de couleur (le nuancier de votre système s'ouvre), soit taper un code hexadécimal de la forme #rrggbb, par exemple #004d40.
Le conseil le plus important : le contraste
La règle simple : le fond très clair, le texte très foncé. Réservez les couleurs vives aux boutons, où elles attirent l'œil sans gêner la lecture.
Vérifier le résultat
Après avoir enregistré :
Ouvrez votre site dans un nouvel onglet (bouton « Visiter » depuis Sites web → Pages).
Regardez votre page d'accueil.
Sortez votre téléphone et ouvrez votre site dessus. C'est le vrai test.
Si quelque chose ne vous plaît pas, revenez et changez de palette. Il n'y a aucune limite au nombre d'essais.