Aller au contenu principal

Personnaliser la marque

L'espace et ses e-mails prennent votre identité : nom, logo, couleur. Le changement s'applique à tous vos membres dès leur prochain chargement, sans aucune intervention de la plateforme.

Avant de commencer​

  • Il vous faut la permission branding:manage pour modifier ; branding:read suffit pour voir l'écran.

Ce qui se personnalise​

ÉlémentOùEffet
Nom de marqueIdentitéRemplace le nom de la plateforme dans la barre latérale, les e-mails et le titre de l'onglet.
URL du logoIdentitéUne adresse https:// vers votre logo (SVG de préférence, 1 Mo au plus). Vide : un monogramme de vos deux initiales en tient lieu.
Couleur principaleCouleur principaleBoutons, liens, éléments actifs ; reprise dans les e-mails.
Police de titre, arrondis, nuances de la couleur principaleTokens avancésVoir ci-dessous.

Seuls ces éléments sont personnalisables. Les couleurs d'état — orange pour « en attente », rouge pour un échec —, le texte et les fonds ne le sont pas : leur sens et leur lisibilité priment sur la marque.

Étapes​

  1. Ouvrez Marque (écran Marque et langues).
  2. Dans Identité, renseignez le Nom de marque et, si vous le souhaitez, l'URL du logo.
  3. Dans Couleur principale, choisissez une teinte proposée, ou saisissez la Valeur exacte (hexadécimale, ou notation oklch()).
  4. Vérifiez l'indicateur de contraste : Contraste conforme AA, ou Contraste insuffisant si la couleur est difficile à lire sur fond blanc.
  5. Regardez l'Aperçu, qui suit chaque changement en direct.
  6. Cliquez sur Enregistrer.

Écran Marque, aperçu avec une couleur personnalisée

Le message « Marque enregistrée » confirme ; le changement figure au journal d'activité. Rétablir le socle revient aux valeurs d'origine.

Tokens avancés​

Pour aller au-delà de la couleur principale, ouvrez Tokens avancés, cliquez sur Ajouter un token, puis saisissez un Jeton et sa Valeur. Seuls ces jetons sont acceptés :

JetonCe qu'il règle
color-primary-hoverla couleur principale au survol
color-primary-subtlela version pâle de la couleur principale (fonds de sélection)
color-primary-contrastla couleur du texte posé sur la couleur principale
font-displayla police des titres
radius-sm, radius-md, radius-lgles arrondis des petits, moyens et grands éléments

Un autre jeton est refusé à l'enregistrement (« Certains champs sont invalides. »). Les valeurs acceptent couleurs, longueurs et noms de police ; les adresses de ressources externes sont refusées.

Voir aussi​