Vous pouvez basculer entre l'appli et l'intranet en ajustant le bouton de bascule en haut de la page Image de marque de l'appli et de l'intranet pour afficher les fonctionnalités disponibles pour chacun. Par exemple, la barre inférieure s'applique uniquement à l'appli, tandis que la barre de menu s'applique uniquement à l'intranet.

Utilisez l'aperçu en haut de la page Image de marque de l'appli et de l'intranet pour voir comment vos modifications de marque apparaissent aux utilisateurs. Vous pouvez basculer entre l'appli et l'intranet pour visualiser chaque expérience.

Staffbase recommande de vérifier toutes les modifications dans l'aperçu avant de les enregistrer.

Vous pouvez ajouter et gérer vos couleurs de marque depuis la page Couleurs. Cette page sert de référentiel central, ce qui facilite la définition, la personnalisation et la réutilisation des couleurs sur votre plateforme. Vous pouvez appliquer vos couleurs de marque aux éléments d'interface suivants :

• Couleur de l'interface : mettez en avant les tâches et actions clés, telles que les boutons, la navigation par fil d'Ariane, les liens, et plus encore.
• En-têtes de navigation : personnalisez l'apparence de vos en-têtes de navigation avec les options de couleur suivantes :
  • Couleur du texte : s'applique à tous les éléments de l'en-tête de navigation, y compris le texte et les icônes. Par exemple, le dossier du menu, le launchpad et le centre de notifications.
  • Couleur d'arrière-plan : définit l'arrière-plan de l'en-tête de navigation.
  • Couleur d'accent : met en évidence l'élément de menu actuellement ouvert dans l'appli ou l'intranet.
• Barre inférieure : personnalisez la couleur de la barre de navigation inférieure sur vos appareils mobiles pour améliorer l'interface et l'expérience de navigation.
• Barre de menu : personnalisez les aspects suivants de votre menu intranet pour correspondre à votre marque et améliorer la navigation.
  • Texte et icônes : ajustez la couleur des étiquettes de menu et des icônes. Choisissez un style qui garde les éléments lisibles et cohérents avec votre marque.
  • Arrière-plan : définissez la couleur d'arrière-plan de la barre de menu. Choisissez une teinte qui offre un bon contraste et s'aligne avec votre thème général.
  • Accent : définissez la couleur de surbrillance utilisée pour les éléments de menu actifs ou survolés. Cela aide les utilisateurs à comprendre leur position actuelle dans la navigation et améliore l'utilisabilité.
• Navigator : personnalisez les éléments suivants dans votre Navigator :
  • Couleur du message : définissez la couleur du texte et de l'arrière-plan de la saisie de texte et des réponses.
  • Couleur de l'orbe vocal : définissez les couleurs d'accent affichées lorsque les utilisateurs utilisent la saisie vocale.

Vous pouvez personnaliser les couleurs existantes et ajouter d'autres couleurs de marque à l'aide de codes HEX ou du sélecteur de couleurs. Il n'y a pas de limite au nombre de couleurs que vous pouvez ajouter.

Vous pouvez importer deux types de logos dans vos paramètres de marque :

Logo de l'appli et de l'intranet

Importez un logo qui reflète les valeurs fondamentales de votre organisation. Votre logo s'affiche dans toute votre appli mobile et web. Vous pouvez importer un logo carré ou rectangulaire.

Exigences

Taille du logo :

• Logo carré : exactement 40 x 40 px
• Logo rectangulaire : exactement 120 x 40 px

Format du logo :

• JPG
• PNG
• GIF
• TIF
• BMP
• HEIC (format haute efficacité iOS)

Logo du Navigator

Importez un logo pour votre Navigator. Le logo apparaît comme une icône sur laquelle les utilisateurs peuvent cliquer pour ouvrir le Navigator. Il s'affiche dans le coin inférieur droit de votre appli web et au-dessus de la barre de navigation inférieure pour votre appli mobile. Le logo est également visible dans le Navigator lors des interactions des utilisateurs.

Exigences

Taille du logo :

• 64 x 64 px ou plus
• Jusqu'à 25 Mo

Format du logo :

• JPG
• PNG

Ajoutez un en-tête pour la page d'accueil de votre appli ou intranet. Il peut s'agir du nom de votre organisation, du nom de votre appli ou de votre intranet.

Vous pouvez, si vous le souhaitez, importer une image de fond pour les utilisateurs sur ordinateur depuis Mes fichiers ou votre ordinateur local.

 Recommandations :

• Taille de l'image : 1920 x 1080 px ou plus. Si l'image ne correspond pas à la taille recommandée, elle sera automatiquement zoomée ou recadrée à la taille optimale, ce qui peut réduire la qualité.

L'image de fond est utilisée aux emplacements suivants :

• Votre zone publique
• Derrière la boîte de dialogue de connexion, si vous n'avez pas de zone publique
• Partout dans votre appli web après la connexion

Si elle est configurée, la page de bienvenue s'affiche juste après la première connexion d'un utilisateur et présente l'appli à l'utilisateur. Vous pouvez l'utiliser pour montrer à vos utilisateurs les valeurs, avantages et fonctionnalités de votre plateforme de communication interne ou simplement dire « Bienvenue ». L'utilisateur la voit une seule fois après l'enregistrement initial. La personnalisation de la page de bienvenue est disponible dans Paramètres > Page de bienvenue.

Exigences :

• Format d'image 16:9
• Taille de l'image : 1920 x 1080 px ou plus
• Respectez la zone de sécurité : assurez-vous que les éléments critiques de votre image sont centrés et dans une zone de sécurité de 8,5 % en haut et en bas de l'image. Avec une image de 1920 x 1080 px, la zone de sécurité de 8,5 % correspond à une hauteur de 91,8 px.