Vous pouvez facilement personnaliser les couleurs et les polices pour qu'elles correspondent au style de votre entreprise. Ce guide vous explique comment mettre à jour vos polices, définir les couleurs de votre marque, créer des arrière-plans dégradés et bien plus encore, le tout depuis votre tableau de bord Notiondesk.
Personnalisation des polices
Choisissez votre police principale (titres et en-têtes)
Vous pouvez modifier la police utilisée pour les titres, les en-têtes et les autres éléments principaux de votre centre d'aide.
Pour mettre à jour votre police principale :
- Ouvrez votre tableau de bord Notiondesk.
- Accédez à la section Personnalisation .
- Dans les paramètres de marque , recherchez Police principale .
- Choisissez une police dans la liste disponible. Les options incluent Inter, Lora, Montserrat, Noto, Roboto et d'autres.
Une fois sélectionnée, la nouvelle police sera automatiquement appliquée aux titres et en-têtes de votre centre d'aide.
Choisissez votre police secondaire (texte principal)
Vous pouvez également définir une police différente pour le corps du texte de vos articles du centre d'aide.
Pour mettre à jour votre police secondaire :
- Dans votre tableau de bord Notiondesk, accédez à la section Personnalisation .
- Sous « Image de marque » , trouvez « Police secondaire » .
- Sélectionnez une police dans la liste disponible, comme Inter, Lora, Montserrat, Noto, Roboto, et bien d'autres.
La police choisie s'appliquera à tout le texte des articles de votre centre d'aide.
Une bonne police secondaire facilite la lecture de vos articles ; vous pouvez mélanger les polices pour un style distinct ou utiliser la même police pour la police principale et la police secondaire afin de garantir une cohérence visuelle.
Personnalisation des couleurs
Mise à jour des couleurs de la marque
Vous pouvez facilement modifier les couleurs principales de votre centre d'aide pour qu'elles correspondent à votre marque.
Pour modifier les couleurs de votre marque :
- Ouvrez votre tableau de bord Notiondesk.
- Accédez à la section Personnalisation .
- Sous l'onglet « Image de marque » , vous pouvez modifier les couleurs suivantes :
| Couleur | Description |
|---|---|
| Couleur primaire | Utilisé pour les éléments de navigation tels que les boutons et les liens actifs. |
| Couleur du texte | Utilisé pour le corps principal du texte de votre centre d'aide. |
| Couleur du lien | Utilisé pour les liens hypertextes standard. |
| Couleur au survol du lien | Modifie la couleur du lien lorsque l'utilisateur le survole. |
| Couleur de fond | Définit la couleur d'arrière-plan de l'ensemble de votre centre d'aide. |
Chaque fois que vous choisissez une nouvelle couleur, le changement sera instantanément visible sur votre site en ligne.
Personnaliser les couleurs de l'en-tête
L'en-tête de votre centre d'aide comprend les liens de navigation que les visiteurs voient en premier. Vous pouvez modifier les couleurs de ces liens pour qu'elles correspondent à votre marque ou pour améliorer leur visibilité.
Pour modifier la couleur des liens d'en-tête :
- Accédez à la section Personnalisation de votre tableau de bord Notiondesk.
- Ouvrez l'onglet En-tête .
- Mettez à jour les options suivantes :
| Couleur | Description |
|---|---|
| Couleur du lien | Définit la couleur par défaut des liens dans l'en-tête. |
| Couleur au survol du lien | Définit la couleur des liens lorsque les utilisateurs les survolent. |
Personnaliser l'arrière-plan du bloc héros
Le bloc principal est la section supérieure de votre centre d'aide, souvent la première chose que les visiteurs voient. Vous pouvez le personnaliser avec une couleur de fond ou un dégradé pour mieux refléter votre marque.
Utilisez une couleur de fond simple
Si vous préférez un fond uni et neutre plutôt qu'une image :
- Accédez à la section Personnalisation de votre tableau de bord.
- Ouvrez l'onglet Bloc Héros .
- Choisir l'arrière-plan : Couleur .
- Sélectionnez une couleur de fond dans le sélecteur ou collez le code hexadécimal de votre marque.
La couleur que vous avez sélectionnée remplira tout l'arrière-plan du bloc héros.
Utilisez un arrière-plan dégradé
Les dégradés permettent de mélanger plusieurs couleurs pour créer une transition harmonieuse, un excellent moyen d'ajouter de la profondeur à votre en-tête sans utiliser d'images.
Pour configurer un dégradé :
- Dans l'onglet Bloc Héros , définissez l'arrière-plan sur Dégradé .
- Choisissez un type de dégradé :
- Linéaire : les couleurs s'écoulent en ligne droite.
- Radial : les couleurs rayonnent vers l'extérieur à partir du centre.
- Pour les dégradés linéaires , ajustez la rotation (angle) pour contrôler la direction du mélange.
- Ajoutez vos couleurs de dégradé. Vous pouvez définir jusqu'à 5 couleurs, chacune avec son propre pourcentage et son propre code couleur.
Les dégradés sont hautement personnalisables. Vous pouvez créer des transitions subtiles avec deux couleurs ou opter pour un dégradé plus audacieux avec plusieurs couleurs. Veillez simplement à ce que votre texte reste lisible.
Personnaliser les couleurs de la carte et du pied de page
Vous pouvez également personnaliser les couleurs utilisées dans les fiches Collection, les fiches Article et le pied de page de votre Centre d'aide afin de garantir une cohérence visuelle et une image de marque irréprochable.
Cartes de collections et d'articles
Chaque collection ou article est affiché dans une fiche de votre centre d'aide. Vous pouvez modifier la couleur de fond de ces fiches pour les adapter à votre style ou différencier les sections.
Pour mettre à jour les couleurs des cartes :
- Accédez à la section Personnalisation de votre tableau de bord Notiondesk.
- Ouvrez l'onglet Collections ou Articles .
- Sélectionnez la couleur de fond
Choisissez des couleurs unies qui garantissent la lisibilité du texte à l'intérieur des cartes.
Couleurs du pied de page
Le pied de page est la section située en bas de chaque page du centre d'aide. Il contient généralement des liens ou des informations de contact ; la clarté est donc essentielle.
Pour modifier les couleurs du pied de page :
- Accédez à la section Personnalisation .
- Ouvrez l'onglet Pied de page .
- Définissez la couleur d'arrière-plan et la couleur du texte du pied de page .
Cela permet de garantir que votre pied de page a une belle apparence et reste accessible sur le fond que vous avez choisi.
Meilleures pratiques pour la conception de votre centre d'aide
Personnaliser les polices et les couleurs permet à votre centre d'aide de mieux refléter votre image de marque, mais il est tout aussi important de veiller à sa lisibilité et à sa cohérence. Voici quelques conseils pour un résultat optimal :
- Respectez les couleurs de votre marque
Utilisez les mêmes couleurs que sur votre site web et votre produit. Cela permettra à vos utilisateurs de s'y retrouver plus facilement.
- Utilisez des polices lisibles
Évitez les polices trop décoratives, surtout pour le corps du texte. Privilégiez des polices claires, lisibles et faciles à parcourir.
- Maintenez un bon contraste
Veillez à ce que le contraste entre votre texte et le fond soit suffisant. Par exemple, évitez le texte gris clair sur fond blanc.
- Attention aux dégradés
Les dégradés peuvent apporter une touche visuelle intéressante, mais un excès de couleurs ou des transitions trop abruptes peuvent rendre votre contenu difficile à lire. Pour un résultat optimal, limitez-vous à deux ou trois couleurs.
- Aperçu sur ordinateur et mobile
Vérifiez votre design sur différentes tailles d'écran pour vous assurer que tout est net et professionnel.