Le branding fait ressembler Hermetry à votre propre application pour vos membres et clients. Vous définissez un nom de marque, des logos, des icônes d’application carrées, un favicon et deux couleurs. Ils apparaissent dans l’application, sur les pages de connexion de votre organisation et dans les e-mails que Hermetry envoie pour votre organisation.
Il vous faut le rôle Admin ou supérieur. Ouvrez Branding dans la partie Organisation du menu, ou Settings > Branding (adresse /admin/settings/branding).
Brand Info
| Champ | Utilisation |
|---|---|
| Brand Name | Le nom affiché avec votre logo, par exemple Acme Water. |
| Tagline | Une courte phrase sur votre entreprise, affichée à côté du logo lorsqu’il y a de la place. |
Identité visuelle
« Logos, icônes d’application, favicon et couleurs de marque ».
| Champ | Où il apparaît | Remarques |
|---|---|---|
| Logo (thème clair) | Le logo horizontal sur les pages de connexion et dans les e-mails | « 48 px de haut, 192 px de large maximum. » |
| Logo (thème sombre) | Sur les fonds sombres | « Le logo clair le remplace s’il n’est pas renseigné. » |
| Icône d’application (thème clair) | L’icône carrée dans l’en-tête d’administration (28 px) et sur les vignettes d’application | « Le favicon la remplace s’il n’est pas renseigné. » |
| Icône d’application (thème sombre) | L’icône carrée sur les fonds sombres | « L’icône claire la remplace s’il n’est pas renseignée. » |
| Favicon | L’icône de l’onglet du navigateur | « .ico ou .svg » |
| Primary Color | « Boutons, liens, mises en évidence » | Laisser vide pour reprendre la valeur par défaut. |
| Secondary Color | « Actions alternatives colorées et deuxième couleur des graphiques » | Laisser vide pour reprendre la valeur par défaut. |
Chaque champ de couleur dispose d’un bouton Reset to default. Hermetry dérive des teintes de survol, d’enfoncement et de fond à partir de votre couleur, pour le thème clair et le thème sombre, et choisit une couleur de texte lisible par-dessus.
Sélectionnez Save Branding. La page affiche Branding saved.
Conseils pour de bons résultats
- Utilisez un logo SVG à fond transparent, ou un PNG à deux fois la taille d’affichage (96 px de haut).
- Fournissez un logo pour le thème sombre si votre logo clair contient du texte sombre : les membres qui utilisent le thème sombre verraient sinon du texte sombre sur un en-tête sombre.
- Choisissez une couleur primaire suffisamment contrastée sur fond blanc. Les couleurs très claires rendent les boutons difficiles à lire.
- Gardez l’icône d’application simple : elle est affichée à 28 px.
Où le branding est utilisé
| Emplacement | Ce qui est utilisé |
|---|---|
| L’application (en-tête, boutons, liens, graphiques) | Icône d’application, couleurs, nom de marque |
| Pages de connexion et d’inscription de votre organisation | Logo, couleurs, nom de marque |
| E-mails envoyés par Hermetry pour votre organisation (invitations, alarmes, réinitialisations de mot de passe) | Nom de marque, logo et couleur primaire |
| Onglet du navigateur | Favicon |
Les e-mails ne contiennent jamais de code personnalisé ni le favicon.
Branding et votre adresse
Le branding s’affiche partout où votre organisation est ouverte : sur l’adresse gratuite <slug>.<platform domain> et sur un domaine personnalisé. Pour offrir à vos membres une expérience entièrement personnalisée, associez le branding à un domaine personnalisé. Voir Web addresses and custom domains.