Les couleurs établissent une identité de marque forte, évoquent des émotions et dirigent 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 harmonies 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, 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 disponibles ou sélectionner des options personnalisées.
Choisissez l’option Popular pour sélectionner des palettes préconçues ou générer la vôtre :
Sélection - Cliquez sur une harmonie de couleurs pour l’appliquer instantanément, ou cliquez sur le bouton plus pour voir des variations supplémentaires.
Personnalisation - Cliquez sur chaque couleur d’une palette pour en choisir une nouvelle à l’aide du sélecteur de couleurs.
Filtrage et favoris - Utilisez le filtre pour afficher des palettes selon des 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 harmonie à partir d’un code hashtag, ou utilisez l’icône Image pour générer une palette à partir de 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 :
Couleur principale et boutons - Choisissez la couleur principale pour les liens et les sections essentielles. Utilisez les boutons « Appliquer à tout » 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 Page principale, votre Page secondaire et vos Pages internes (pages non affichées sur la page d’accueil).
Sections et pied de page - Ajustez la couleur principale pour des sections spécifiques de vos pages et choisissez les couleurs d’arrière-plan et de texte pour 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 à partir de l’image de votre page d’accueil est un moyen rapide de s’assurer que les couleurs de votre site correspondent à votre identité visuelle principale.
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 revoir les modifications afin de vous assurer que la couleur choisie se détache bien sur l’arrière-plan, les zones de texte et les couleurs des boutons. Si le texte se fond dans 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 ».
