---
title: Wie man Logo und Akzentfarben einrichtet
slug: docs/de/wie-man-logo-und-akzentfarben-einrichtet
description: Erfahren Sie, wie Sie Ihre Website mit Einstellungen zur Darstellung gestalten und anpassen. Dieses Dokument bietet eine Schritt-für-Schritt-Anleitung zum Einrichten eines Logos mit transparentem Hintergrund, zum Auswählen einer Akzentfarbe und zum Hochla
createdAt: 2023-01-10T13:32:31.000Z
---

Branding und Anpassung Ihrer Dokumentations-Website mithilfe der Erscheinungs-Einstellungen. 

Um sie zu erreichen, folgen Sie diesen Schritten:

::::WorkflowBlock
:::WorkflowBlockItem
Wählen Sie einen Space aus und klicken Sie auf die Einstellungen ( ⚙️ )
:::

:::WorkflowBlockItem
Klicken Sie auf **Aussehen** Tab aus* Geteilte öffentliche Dokumente Einstellungen *Gruppe
:::

:::WorkflowBlockItem
Hier finden Sie die Branding-Optionen, wie:

- [Akzentfarbe](docId\:Ckd43nngGSgLt3o-88uBk)
- [Logo](docId\:Ckd43nngGSgLt3o-88uBk)
- [Favicon](docId\:Ckd43nngGSgLt3o-88uBk)
- [Logo-URL-Weiterleitung](docId\:Ckd43nngGSgLt3o-88uBk) 
- zusammen mit weiteren Optionen für die Portalvorlage
:::

## So richten Sie ein Logo ein

Gehen Sie zur **Darstellung** Registerkarte und laden Sie Ihr Logo hoch. Das Logo sollte ein** .png **Bild mit einem **Seitenverhältnis von 3:1** sein.

*Ein transparenter Hintergrund wird für bessere Klarheit empfohlen.*

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

## So richten Sie eine Akzentfarbe ein

Gehen Sie zur **Darstellung** Registerkarte und legen Sie Ihre **Akzentfarbe** (Hell-/Dunkelmodus) von hier aus fest:

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

## So richten Sie ein Favicon ein

Gehen Sie zur **Darstellung** Registerkarte und laden Sie Ihr **Favicon** hoch.

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

## Logo-Weiterleitungs-URL

Wenn Sie möchten, dass Ihr Logo **auf eine benutzerdefinierte Seite weitergeleitet wird**, können Sie die folgende Option verwenden:

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


::::