# Branding und Design anpassen

<Lead>
Dein Workspace tritt unter deiner Marke auf: mit eigenem Namen, Logo, Markenfarben und Favicon. Diese Seite zeigt, wo du das alles pflegst und wie das Plattform-Design dazu passt.
</Lead>

## Voraussetzungen

<Info title="Berechtigung">
Zum Ändern von Name, Branding und Design brauchst du das Branding-Schreibrecht. Standardmäßig haben es Owner und Admins. Ohne dieses Recht siehst du die Seiten nur lesend. Mehr zu Rollen: [Workspace und Rollen](/help/grundlagen/workspace-und-rollen).
</Info>

<Warning title="Logo und Favicon ab dem Compact-Plan">
In der Testphase läuft dein Workspace unter der gemeinsamen Plattform-Adresse. Deine Markenfarben kannst du schon in der Testphase setzen. Logo und Favicon schaltest du mit dem ersten bezahlten Plan frei.
</Warning>

## Workspace-Name ändern

Der Workspace-Name ist die Marke, wie dein Team und deine Kundschaft sie sehen, zum Beispiel "Müller Immobilien".

<Steps>
  <Step title="Einstellungen öffnen">
    Gehe zu **Einstellungen > Workspace**, Bereich **Identität**.
  </Step>
  <Step title="Namen eintragen">
    Trage den neuen Namen ein (2 bis 120 Zeichen). Rechtsform und offizieller Firmenname gehören nicht hierher, sondern in den Firmennamen unter **Einstellungen > Unternehmen**.
  </Step>
  <Step title="Speichern">
    Bestätige über die Speichern-Leiste am unteren Rand. Die Oberfläche meldet **Workspace gespeichert**.
  </Step>
</Steps>

## Logo hochladen

Unter **Einstellungen > Branding** pflegst du dein Logo in zwei Varianten. Solange kein Logo hochgeladen ist, zeigt die Plattform ein Monogramm aus deinen Initialen.

<DefinitionList>
  <DefItem term="Icon (quadratisch)">
    Ein quadratisches Bildzeichen für Topbar, App-Icon und als Favicon-Ersatz. Formate: PNG, SVG, WebP, JPG. Mindestens 32 px, ideal 512 px. Pixelbilder kannst du direkt beim Upload quadratisch zuschneiden.
  </DefItem>
  <DefItem term="Horizontale Wortmarke">
    Zeichen plus Schriftzug, zum Beispiel für die Topbar. Formate: PNG, SVG, WebP, JPG, breiter als hoch.
  </DefItem>
</DefinitionList>

Unter **Darstellung** wählst du, wie das Logo erscheint: **Automatisch** (beste verfügbare Variante, Standard), **Horizontal**, **Icon + Text** oder **Monogramm**. Logo-Uploads werden sofort übernommen, du musst nicht extra speichern.

## Markenfarben festlegen

Die Markenfarben stehen auf jedem Plan zur Verfügung, auch in der Testphase.

<Steps>
  <Step title="Primärfarbe wählen">
    Wähle unter **Einstellungen > Branding**, Bereich **Markenfarben**, deine Primärfarbe: aus der Palette, aus Vorschlägen aus deinem Logo oder als Hex-Code. Die Oberfläche prüft die Lesbarkeit (WCAG-Kontrast) live, während du wählst.
  </Step>
  <Step title="Optional eine Sekundärfarbe ergänzen">
    Aktiviere **Zweite Markenfarbe verwenden**, wenn deine Marke eine zweite Farbe für Akzente führt. Standardmäßig ist die Option aus.
  </Step>
  <Step title="In der Vorschau kontrollieren">
    Der Bereich **Vorschau** zeigt live, wie Topbar und Buttons mit deinen Farben aussehen. Über das Sonne- und Mond-Symbol wechselst du zwischen heller und dunkler Vorschau.
  </Step>
  <Step title="Speichern">
    Bestätige über die Speichern-Leiste. Die Oberfläche meldet **Branding gespeichert**.
  </Step>
</Steps>

## Favicon setzen

Das Favicon ist das kleine Symbol im Browsertab. Standardmäßig nutzt der Browsertab dein Icon, das passt für die meisten Workspaces. Nur wenn du im Tab bewusst ein anderes Symbol zeigen willst, lädst du unter **Einstellungen > Branding**, Bereich **Favicon**, ein eigenes hoch: ICO, PNG oder SVG, 16 bis 512 px, quadratisch.

## Plattform-Design wählen

Unter **Einstellungen > Design** wählst du das Plattform-Design deines Workspace. Die Auswahl gilt für alle Mitglieder: Dashboard, Objekte, Tools und Marketplace.

- Aktuell ist **Aurora** verfügbar und aktiv: warm, ruhig, präzise, mit neutralen Flächen und sehr sanften Farbverläufen als Signatur. Hell und Dunkel sind gleichwertig gestaltet.
- Zwei weitere Designs sind in Gestaltung und als **In Arbeit** markiert. Sie werden freigeschaltet, sobald sie fertig sind.
- Deine Markenfarben und Logos bleiben in jedem Design erhalten.

<Tip title="Hell oder Dunkel ist persönlich">
Ob die Oberfläche hell oder dunkel erscheint, wählt jede Person für sich: im Profil-Menü oder unter **Konto > Erscheinungsbild**. Das Plattform-Design dagegen gilt workspace-weit.
</Tip>

## Häufige Fragen

<Faq>
  <FaqItem q="Warum kann ich kein Logo hochladen?">
    In der Testphase sind Logo und Favicon noch gesperrt, dort kannst du nur die Markenfarben setzen. Beide Uploads schaltest du mit dem ersten bezahlten Plan (ab Compact) frei. Wenn du bereits einen bezahlten Plan hast, fehlt dir vermutlich das Branding-Schreibrecht: wende dich an eine:n Owner oder Admin.
  </FaqItem>
  <FaqItem q="Wo sieht meine Kundschaft das Branding?">
    Logo, Farben und Favicon prägen jede Endkunden-Oberfläche deines Workspace, vom Topbar-Zeichen bis zur Anzeige im Browsertab. Mit einem bezahlten Plan läuft dein Workspace zusätzlich unter deiner eigenen Subdomain, auf Wunsch später unter deiner [eigenen Domain](/help/howto/custom-domain).
  </FaqItem>
  <FaqItem q="Ich habe kein Logo. Was zeigt die Plattform?">
    Ein automatisch erzeugtes Monogramm aus den Initialen deines Workspace-Namens, eingefärbt in deine Markenfarbe. Das wirkt aufgeräumt und du kannst jederzeit später ein Logo nachreichen.
  </FaqItem>
</Faq>