---
title: Comment configurer le logo et les couleurs d’accentuation
slug: comment-configurer-le-logo-et-les-couleurs-daccentuation
description: Apprenez comment personnaliser et mettre en marque votre site Web grâce aux paramètres d’apparence. Ce document fournit des instructions étape par étape pour configurer un logo avec un arrière‑plan transparent, choisir une couleur d’accentuation et téléve
docTags: 
createdAt: 2023-01-10T13:32:31.000Z
---

Personnalisez et marquez votre site de documentation en utilisant les paramètres d’apparence. 

Pour y accéder, veuillez suivre ces étapes :

::::WorkflowBlock
:::WorkflowBlockItem
Choisissez un espace et cliquez sur les paramètres ( ⚙️ )
:::

:::WorkflowBlockItem
Cliquez sur l’onglet **Apparence** dans le groupe* Paramètres des documents publics partagés *(groupe
:::

:::WorkflowBlockItem
Vous y trouverez les options de personnalisation, comme :

- [Couleur d’accentuation](docId\:oc60tj8FYnsvDLbxnIWI0)
- [Logo](docId\:oc60tj8FYnsvDLbxnIWI0)
- [Favicon](docId\:oc60tj8FYnsvDLbxnIWI0)
- [Redirection URL du logo](docId\:oc60tj8FYnsvDLbxnIWI0) 
- ainsi que d’autres options pour le modèle de portail
:::
::::

## Comment configurer un logo

Accédez à l’onglet **Apparence** et téléversez votre logo. Le logo doit être une image** .png **avec un **ratio d’aspect 3:1**.

*Un arrière-plan transparent est recommandé pour plus de clarté.*

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/__lPBM0R_CT69JkxxDsEV_logo-light.png)

## Comment configurer une couleur d’accentuation

Accédez à l’onglet **Apparence** et définissez votre **couleur d’accentuation** (mode clair/sombre) ici :

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/UOES9NgkaQi_K-7i-zdAB_accent-light.png)

## Comment configurer un favicon

Accédez à l’onglet **Apparence** et téléversez votre **favicon**.

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/iDi5WN-f4pNnDJTOas6Lt_fav-light.png)

## URL de redirection du logo

Si vous souhaitez que votre logo soit **redirigé vers une page personnalisée**, vous pouvez utiliser l’option suivante :

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/Q6seIBxe5rNPmfhd1BkJn_redirect-light.png)