Mit den **Design Einstellungen** passt du X-Sitter an dein Corporate Design an: dein Logo, ein kleines Icon, dein Anzeigename und die Farben der Seitenleiste und der oberen Navigation. Auch deine Mandanten sehen X-Sitter in deinem Design – sie bekommen beim Login automatisch das Design ihres Logistikers.

## Bevor du startest

- Dein Benutzer braucht das Recht **Firmen Einstellungen › Design Einstellungen**. Frag deinen Administrator.
- Halte dein Logo und dein Icon als JPG, PNG oder SVG bereit. Für das Icon eignet sich am besten eine kleine quadratische Grafik.

## Schritt für Schritt

1. Öffne **Firmen Einstellungen › Design Einstellungen**.
2. Klicke unter **App Logo** auf **Logo auswählen** und wähle deine Logodatei.
3. Klicke unter **App Icon** auf **Icon auswählen** und wähle das Icon. Es wird angezeigt, wenn die Seitenleiste eingeklappt ist.
4. Trag einen **Display Name** ein, z. B. deinen Firmennamen.
5. Trag die **Sidebar, Topnav- Hintergrundfarbe** und die **Schriftfarbe der Menüs** ein. Das kleine Kästchen neben jedem Feld zeigt eine Vorschau der Farbe.
6. Klicke auf **Speichern**. Du siehst „Die Einstellungen wurden gespeichert“.

## Felder und Optionen

| Feld | Bedeutung |
|---|---|
| **App Logo** | Dein Logo in der Seitenleiste. JPG, PNG oder SVG. |
| **App Icon** | Kleines Icon für die eingeklappte Seitenleiste (**Für die verkleinerte Sidebar**). JPG, PNG oder SVG. |
| **Display Name** | Name, der in der App statt „X-Sitter App“ angezeigt wird. |
| **Sidebar, Topnav- Hintergrundfarbe** | Hintergrundfarbe der Seitenleiste und der oberen Leiste. Trag einen Farbcode ein, z. B. `#104148` (Standard). |
| **Schriftfarbe der Menüs** | Schriftfarbe der Menüeinträge, z. B. `rgba(255, 255, 255, 0.5)` (Standard). |

## Gut zu wissen

- Das Design gilt für deine Firma und für alle deine [Mandanten](/company/clients.md). Mandanten können kein eigenes Design festlegen.
- Nachdem sich ein Benutzer einmal angemeldet hat, zeigt auch die Login-Seite in diesem Browser dein Logo und deine Hintergrundfarbe.
- Änderungen werden für andere Benutzer beim nächsten Login sichtbar.
- Wähle eine Schriftfarbe mit genug Kontrast zur Hintergrundfarbe, damit das Menü lesbar bleibt.