> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cosmo.humanizing.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Kiosk-Styling

> Passen Sie das visuelle Erscheinungsbild Ihres Receptionist Avatar Kiosks mit Avataren, Designs und Markenfarben an

## Übersicht

Die Styling-Seite ermöglicht es Ihnen, das Aussehen des Receptionist Avatar Kiosks für Besucher anzupassen. Alle Änderungen werden nach dem Speichern in Echtzeit auf den Live-Kiosk angewendet.

## Styling aufrufen

Navigieren Sie zu Ihrem Receptionist Avatar in der Seitenleiste und klicken Sie auf **Styling**.

***

## Avatar

Wählen Sie einen 3D-Avatar, der Ihren Receptionist Avatar repräsentiert. Der Avatar erscheint auf dem Begrüßungsbildschirm und während des gesamten Kiosk-Ablaufs.

* Durchsuchen Sie die Avatar-Galerie, um aus vorgefertigten Avataren auszuwählen
* Die Vorschau aktualisiert sich in Echtzeit beim Durchsuchen
* Klicken Sie auf einen Avatar, um ihn auszuwählen, und speichern Sie dann

<Tip>
  Wählen Sie einen Avatar, der zu Ihrer Unternehmenskultur passt. Ein professioneller Avatar eignet sich gut für Firmenbüros, während ein freundlicherer für Gastgewerbe-Standorte geeignet ist.
</Tip>

***

## Design

Wählen Sie das Farbschema des Kiosks:

| Design     | Beschreibung                                                                  |
| ---------- | ----------------------------------------------------------------------------- |
| **Hell**   | Weißer Hintergrund mit dunklem Text. Optimal für helle Umgebungen.            |
| **Dunkel** | Dunkler Hintergrund mit hellem Text. Optimal für moderne oder dunklere Räume. |

***

## Markenfarbe

Legen Sie die primäre Akzentfarbe fest, die im gesamten Kiosk verwendet wird (Schaltflächen, Hervorhebungen, Überschriften):

* **Extrahierte Farben**: Wenn Sie während der Einrichtung eine Domain angegeben haben, erscheinen extrahierte Markenfarben als Farbmuster
* **Farbwähler**: Klicken Sie, um eine beliebige Farbe visuell auszuwählen
* **Hex-Code**: Geben Sie einen exakten Farbwert ein (z.B. `#3B82F6`)

***

## Logo

Laden Sie Ihr Firmenlogo hoch oder ändern Sie es. Das Logo erscheint neben Ihrem Markennamen auf jedem Bildschirm.

<Note>
  Wenn Sie die Markenextraktion während der Einrichtung verwendet haben, wurde Ihr Logo automatisch importiert. Sie können es hier ersetzen oder entfernen.
</Note>

***

## Vorschau

Die rechte Seite der Styling-Seite zeigt eine Live-Kiosk-Vorschau. Verwenden Sie den Ausrichtungsumschalter in der Kopfzeile, um zwischen folgenden Modi zu wechseln:

* **Hochformat** — Vertikales Layout für Tablet-Ständer
* **Querformat** — Horizontales Layout für Tisch-Bildschirme

Die Vorschau zeigt alle nicht gespeicherten Änderungen, sodass Sie das Ergebnis vor dem Speichern sehen können.

***

## Änderungen speichern

Klicken Sie auf **Speichern**, um Ihre Styling-Änderungen zu übernehmen. Der Kiosk aktualisiert sich in Echtzeit — jedes Gerät, das die Kiosk-URL anzeigt, übernimmt die neuen Stile beim nächsten Bildschirmwechsel.

<Warning>
  Änderungen werden nicht automatisch gespeichert. Wenn Sie die Seite verlassen, ohne zu speichern, werden Sie in einem Bestätigungsdialog aufgefordert, Änderungen zu speichern oder zu verwerfen.
</Warning>

***

## Nächste Schritte

<CardGroup cols={2}>
  <Card title="Kontakte verwalten" icon="address-book" href="/de/receptionist/contacts">
    Fügen Sie Mitarbeiterkontakte für das Kiosk-Verzeichnis hinzu oder aktualisieren Sie diese.
  </Card>

  <Card title="Kiosk bereitstellen" icon="rocket" href="/de/receptionist/deployment">
    Erhalten Sie die Bereitstellungs-URL und richten Sie Ihr Gerät ein.
  </Card>
</CardGroup>