Les couleurs contribuent à établir une identité de marque forte, à susciter des émotions et à orienter l’attention des utilisateurs vers des sections spécifiques de votre site web. Une palette de couleurs bien pensée rend votre site attrayant et mémorable pour vos visiteurs. Ce guide explique comment modifier les couleurs de votre site, choisir des combinaisons de couleurs et utiliser des options personnalisées pour personnaliser vos textes, boutons et mises en page.
Pour gérer les couleurs de votre site web, suivez ces étapes :
Dans l’éditeur de site, cliquez sur Design dans le menu supérieur.
Sélectionnez Colors dans la liste déroulante.
Utilisez le menu latéral pour parcourir les palettes de couleurs disponibles ou sélectionner des options personnalisées.
Choisissez l’option Popular pour sélectionner des palettes prêtes à l’emploi ou générer la vôtre :
Sélection - Cliquez sur une palette de couleurs pour l’appliquer instantanément, ou cliquez sur le bouton plus pour voir d’autres variantes.
Personnalisation - Cliquez sur chaque couleur d’une palette pour en choisir une nouvelle via le sélecteur de couleurs.
Filtrage et favoris - Utilisez le filtre pour afficher les palettes en fonction de couleurs spécifiques, ou cliquez sur l’icône en forme de cœur pour ajouter une palette à vos favoris.
Outils de génération - Cliquez sur l’icône Palette pour créer une palette à partir d’un code hashtag, ou utilisez l’icône Image pour générer une palette basée sur l’image de couverture de votre page d’accueil.
Utilisez l’option Custom pour affiner des éléments spécifiques sur l’ensemble de votre site web :
Couleur principale et boutons - Choisissez la couleur principale des liens et des sections essentielles. Utilisez les boutons « Apply to all » pour synchroniser rapidement cette couleur sur tous les éléments ainsi que sur le texte des boutons.
Couleurs du menu - Personnalisez les couleurs de l’arrière-plan du menu, du texte, des effets au survol, des bordures et des lignes de séparation des pages.
Couleurs des pages - Définissez les couleurs d’arrière-plan, du texte et des éléments pour votre Main Page, Second Page et vos Internal Pages (pages non affichées sur la page d’accueil).
Section et pied de page - Ajustez la couleur principale de certaines sections de vos pages et choisissez les couleurs d’arrière-plan et du texte de votre pied de page.
Hiérarchie visuelle - L’utilisation d’une couleur principale cohérente aide les utilisateurs à identifier plus facilement les éléments interactifs, comme les boutons et les liens.
Cohérence de la marque - Générer une palette de couleurs à partir de l’image de votre page d’accueil est un moyen rapide de vous assurer que les couleurs de votre site correspondent à votre identité visuelle.
Effets au survol - Pensez à vérifier les couleurs au survol de votre menu afin de vous assurer que le texte reste lisible lorsqu’un visiteur interagit avec votre navigation.
Vérifier la visibilité de la couleur du texte - Après avoir ajusté les couleurs du texte sur votre site, il est important de vérifier les modifications afin de vous assurer que la couleur choisie ressort bien sur l’arrière-plan, les zones de texte et les couleurs des boutons. Si le texte se fond avec ces éléments, cela peut entraîner des problèmes où les cases à cocher, le contenu des pages et le texte des boutons deviennent « invisibles ».
Sauf si l’option est proposée, la modification des couleurs de votre site web affecte l’ensemble des pages et du contenu. Cela signifie que vous ne pouvez pas modifier des segments individuels des pages ou du contenu du site. Sachez toutefois que vous pouvez modifier les couleurs d’une section via l’icône en forme d’engrenage. Pour en savoir plus, consultez Modifier les sections du site web
