Gérer l'image de marque

Comment personnaliser votre compte pour qu'il reflète votre marque.

Donnez à votre compte Joy une allure qui vous ressemble. Personnalisez le nom de votre compte, ajoutez votre logo, définissez vos couleurs et choisissez des bannières pour certaines zones, comme votre page de connexion et les profils des utilisateurs.

Vous pouvez gérer l'apparence de votre compte à partir de la page Marque du Centre de gestion.

Modifier l'apparence de votre compte

Pour modifier l'apparence de votre compte, suivez ces étapes :

Ouvrez le Centre de gestion et cliquez sur Marque.

La page Marque s'ouvre.

Modifiez les champs et les paramètres.

Vous trouverez une description de chacun dans la liste des champs et paramètres.

Vérifiez vos modifications dans l'Aperçu en direct.

Vous pouvez changer de vue pour voir le rendu de vos modifications dans différentes parties de Joy.

Cliquez sur Appliquer.

Vos modifications sont enregistrées et appliquées à l'ensemble de votre compte. Les personnes connectées à Joy verront les modifications après avoir actualisé la page ou s'être reconnectées.

Pour annuler vos modifications non enregistrées, cliquez sur l'icône  Abandonner les modifications.

Modifier une image de bannière

Vous pouvez définir une bannière par défaut utilisée dans l'ensemble de votre compte, ou la personnaliser pour chaque zone.

Pour modifier votre image de bannière par défaut, suivez ces étapes :

Ouvrez le Centre de gestion et cliquez sur Marque.

La page Marque s'ouvre.

Dans la section Images du compte, cliquez sur Modifier la bannière sur l'image Bannière par défaut.

La fenêtre Modifier la bannière s'ouvre.

Choisissez une bannière.

Choisissez l'un des dégradés prédéfinis, ou cliquez sur Téléverser pour utiliser votre propre image. Vous pouvez téléverser une image PNG, JPEG ou WEBP d'au plus 5 Mo. Placez les détails importants près du centre pour qu'ils ne soient pas rognés.

Si vous téléversez une image, cliquez sur Ajuster ou Remplir dans la section Paramètres de l'image.

  • Ajuster : Affiche l'image entière, mais si elle ne remplit pas la bannière, un espace vide peut apparaître autour. Vous pouvez choisir une Couleur d'arrière-plan pour cet espace vide.
  • Remplir : Couvre toute la bannière, mais les bords de l'image peuvent être rognés.

L'Aperçu montre l'image avec le style choisi.

Cliquez sur Appliquer.

La fenêtre se ferme et la page affiche vos modifications.

Cliquez de nouveau sur Appliquer.

Vos modifications sont enregistrées et visibles dans l'ensemble de votre compte. Les personnes connectées à Joy verront les modifications après avoir actualisé la page ou s'être reconnectées.

Pour personnaliser la bannière d'une zone précise, activez cette zone dans Valeurs par défaut d'image supplémentaires, puis suivez les mêmes étapes avec la bannière de cette zone.

Pour revenir rapidement à un dégradé, cliquez sur l'icône  Réinitialiser au dégradé de la bannière.

Prévisualiser votre image de marque

Utilisez l'Aperçu en direct pour voir le rendu de vos modifications avant de les appliquer. Vous pouvez changer ce que l'aperçu affiche de deux façons :

  • Clair et Sombre : Passez du thème clair au thème sombre. Les utilisateurs peuvent choisir l'un ou l'autre thème dans Joy, alors vérifiez que vos logos et vos couleurs conviennent aux deux.
  • Utilisateur, Connexion, Ressource et KC : Voyez le rendu sur le profil d'un utilisateur (Utilisateur), la page de connexion (Connexion), un fichier, un FlexDoc ou un lien (Ressource), ou le Centre de connaissances (KC).

Champs et paramètres de l'image de marque

La page Marque est divisée en trois sections.

Identité

  • Nom du compte : Le nom de votre organisation. Il s'affiche en haut du menu principal.

  • Logo : Le logo de votre organisation. Il s'affiche en haut du menu principal et sur la page de connexion. Vous pouvez en téléverser deux versions :

    • Clair : Le logo du thème clair, qui s'affiche sur les fonds clairs.
    • Sombre : Le logo du thème sombre, qui s'affiche sur les fonds sombres.

    Cliquez sur une zone de logo vide pour téléverser un logo, ou cliquez sur Modifier pour en remplacer un. Si vous ne téléversez qu'une version, Joy l'utilise dans les deux thèmes. Pour un résultat optimal, utilisez une image carrée, idéalement de 512 × 512 pixels. Vous pouvez téléverser un fichier PNG, JPEG ou WEBP d'au plus 1 Mo.

Images du compte

  • Bannière par défaut : L'image par défaut qui s'affiche en haut des pages et des panneaux dans l'ensemble de votre compte.
  • Valeurs par défaut d'image supplémentaires : Des interrupteurs qui définissent des bannières par défaut différentes pour certaines zones de Joy. Les zones désactivées utilisent la Bannière par défaut.
    • Bannières de ressources : L'image par défaut qui s'affiche en haut des fichiers, des FlexDocs et des liens. Vous pouvez la changer pour une ressource en particulier, comme un fichier ou un FlexDoc, dans ses paramètres.
    • Bannières de bibliothèque et de dossiers : L'image par défaut qui s'affiche en haut du Centre de connaissances et de ses dossiers. Vous pouvez la changer pour un dossier en particulier dans ses paramètres.
    • Page de connexion : L'image qui s'affiche sur la page de connexion.
    • Bannières d'utilisateur : L'image par défaut qui s'affiche en haut des profils des utilisateurs. Vous pouvez la changer pour un utilisateur en particulier dans ses paramètres.

Couleurs

  • Primaire : La couleur principale de votre marque. Joy l'utilise dans l'ensemble de l'application pour des éléments comme les boutons et les interrupteurs. Pour la définir, utilisez le sélecteur de couleur ou entrez une valeur hexadécimale. Dans certains navigateurs, vous pouvez aussi utiliser la pipette : cliquez sur l'icône de la pipette, puis cliquez n'importe où sur votre écran pour reprendre cette couleur.
  • Valeurs des échantillons : Joy génère automatiquement cette palette de couleurs à partir de votre couleur primaire.
    • Hex et RGB : Utilisez le sélecteur pour afficher les codes de couleur dans l'un ou l'autre format, comme #5E3099 ou rgb(94, 48, 153).
    • auto : Les échantillons marqués auto sont définis automatiquement et ne peuvent pas être modifiés.
    • Réussite AA ou Échec AA : La cote d'accessibilité de l'échantillon Primaire. Elle indique si le texte sur cette couleur est facile à lire et dans quelle mesure la couleur respecte les Règles pour l'accessibilité des contenus Web (WCAG) en matière de contraste et de lisibilité.
  • Aperçu du dégradé de la bannière : Un aperçu du dégradé que Joy crée à partir de votre couleur primaire. Joy utilise ce dégradé pour toute bannière que vous n'avez pas définie sur un dégradé prédéfini ou sur votre propre image.