Les couleurs permettent d’établir une identité de marque forte, d’évoquer des émotions et d’orienter l’attention des utilisateurs vers certaines sections 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 schémas de couleurs et utiliser des options personnalisées afin de 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 schémas de couleurs disponibles ou choisir des options personnalisées.
Choisissez l’option Popular pour sélectionner des palettes prédéfinies ou générer la vôtre :
Sélection - Cliquez sur un schéma de couleurs pour l’appliquer instantanément, ou cliquez sur le bouton plus pour afficher d’autres variantes.
Personnalisation - Cliquez sur chaque couleur d’un schéma pour en choisir une nouvelle à l’aide du sélecteur de couleurs.
Filtrage et favoris - Utilisez le filtre pour afficher des schémas 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 un schéma à 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 ajuster des éléments précis sur l’ensemble de votre site :
Couleur principale et boutons - Choisissez la couleur principale des liens et des sections essentielles. Utilisez les boutons « Appliquer à tout » pour synchroniser rapidement cette couleur sur tous les éléments et 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 l’arrière-plan, le texte et les couleurs des éléments pour votre Main Page, Second Page et Internal Pages (pages non affichées sur la page d’accueil).
Section et pied de page - Ajustez la couleur principale de sections spécifiques de vos pages et choisissez les couleurs d’arrière-plan et de texte de votre pied de page.
Hiérarchie visuelle - Utiliser une couleur principale cohérente aide les utilisateurs à repérer plus facilement les éléments interactifs, comme les boutons et les liens.
Cohérence de la marque - Générer un schéma de couleurs à partir de l’image de votre page d’accueil est une façon rapide de vous assurer que les couleurs de votre site correspondent à votre identité visuelle.
Effets au survol - Pensez à vérifier les couleurs de survol du menu afin que le texte reste lisible lorsque le visiteur interagit avec votre navigation.