Personnaliser mon site
Nos conseils
Les couleurs sont un élément clé du design de votre site et de votre identité de marque.
Le choix de vos couleurs de site dépasse le simple aspect esthétique. Elles permettent également de hiérarchiser visuellement votre contenu, de soutenir vos messages et de créer l’atmosphère générale de votre site.
Bien entendu, les goûts ne se discutent pas, mais quelques recommandations peuvent s’avérer utiles.
Comment utiliser vos couleurs ?
S’il n’existe pas de règle stricte en matière d’utilisation des couleurs, il est néanmoins important de n’utiliser qu’un nombre de couleurs limité et de les répartir de façon proportionnée.
Une règle connue en la matière est celle des 60/30/10, elle évité généralement les faux pas :
• votre couleur principale (celle de vos pages) doit couvrir 60% de vos pages,
• votre deuxième couleur doit couvrir 30% de vos pages et créer un contraste fort avec la couleur principale,
• votre couleur complémentaire peut couvrir les 10% restants et accentuer des éléments importants tels que les boutons et autres appels à l’action.
Comment bien choisir vos couleurs de site ?
Là non plus, il n’y a pas de règle.
Nous recommandons généralement l’utilisation de couleurs claires pour vos fonds de page que vous pouvez dynamiser par des couleurs complémentaires.
Choisissez avant tout des couleurs avec lesquelles vous êtes à l’aise à la fois sur le plan esthétique et symbolique.
Sans rentrer dans une analyse sémiologique, chaque couleur est généralement associée à une émotion particulière dont voici les plus courantes :
• Bleu : confiance, intelligence
• Rouge : énergie, passion
• Orange : créativité, communication
• Vert : naturel, stabilité
• Jaune : joie, amitié
• Noir : puissance, élégance
oneprez propose des palettes de couleurs prédéfinies dans ses options graphiques.
Si vous souhaitez créer votre propre palette, il existe des outils tels que Adobe Color ou encore Colourco.
Comment modifier mes couleurs sur oneprez ?
Les modifications de couleurs s’opèrent dans 'Options graphiques' et sont visibles directement sur votre site en faisant 'Appliquer à mon site'.
Les possibilités de personnalisation sont suffisamment fines pour créer et gérer votre propre charte graphique.
Elles s’appliquent à tout le site selon justement une logique de charte graphique.
Ces possibilités de personnalisation dépendent du template que vous avez choisi.
Le mieux reste d’essayer de modifier ces couleurs et de voir directement ce que cela change sur votre site.
Si vous souhaitez toutefois en savoir plus sur les couleurs sur lesquelles vous agissez, consultez ci-après notre lexique des couleurs personnalisables.
Déjà inscrit - je me connecte
Couleurs personnalisables sur oneprez
Couleur page : c’est la couleur de fond de votre site, de vos pages éditoriales.
Couleur page alternée : c’est la couleur de fond des sections de page en alternance avec la couleur de page principale dans le cas d’un template onepage.
Couleur header : c’est généralement la couleur du bandeau supérieur qui accueille votre menu.
Couleur menu actif : c’est la couleur de l’élément graphique destiné à situer le visiteur dans sa navigation.
Couleur typo menu principal : c’est la couleur de la police d’écriture de votre menu principal.
Couleur typo légendes : c’est la couleur de la police d’écriture de vos légendes de visuels clé.
Couleur séparateurs légendes : c’est la couleur de l’élément graphique associé à la légende de visuel clé
Couleur filtres visuels clé : vous pouvez gérer la couleur d’un filtre opacifiant sur vos visuels clés afin de créer un effet graphique ou bien simplement de rendre plus lisible vos textes de légende de visuels clé ou vos menus dans certains cas.
Opacité filtre : vous pouvez gérer le niveau d’opacité sur vos visuels clés afin de rendre plus lisible vos textes de légende de visuels clé ou vos menus dans certains cas.
Couleur titres pages : c’est la couleur du titre principal de votre page.
Couleur titres pages alternées : c’est la couleur des titres de vos sections de page lorsque vous gérez une alternance de couleurs sur un template de type onepage.
Couleur titres articles : c’est la couleur des titres de vos articles à l’intérieur de vos pages.
Couleur titres articles alternés : c’est la couleur des titres de vos articles lorsque vous gérez une alternance de couleurs sur un template de type onepage.
Couleur des textes : c’est la couleur de vos textes courants dans vos pages.
Couleur des textes alternés : c’est la couleur de vos textes courants lorsque vous gérez une alternance de couleurs sur un template de type onepage.
Couleur séparateurs : c’est la couleur des traits de séparation entre les différents éléments à l’intérieur de vos pages éditoriales. C’est également la couleur de vos contours de formulaires.
Couleur séparateurs alternés : c’est la couleur de vos séparateurs lorsque vous gérez une alternance de couleurs sur un template de type onepage.
Couleur boutons : c’est la couleur principale de vos boutons d’action
Couleur boutons alternés : c’est la couleur principale de vos boutons d’action lorsque vous gérez une alternance de couleurs sur un template de type onepage.
Couleur footer : c’est la couleur du pied de page de votre site
Couleur pictos : c’est la couleur des boutons symbolisant vos services actifs dans le footer.
Couleur logo oneprez : c’est la couleur du logo oneprez sur le footer. A noter : celui-ci peut-être supprimé ou remplacé par l’image de votre choix selon votre formule.