> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/de/what-would-you-like-to-learn-about/creator-edit-configuration/erscheinungsbild/ihr-creator-edit-portal-anpassen.md).

# Ihr Creator-Edit-Portal anpassen

Passen Sie das Erscheinungsbild Ihres Creator-Edit-Portals an, damit es zu der visuellen Identität Ihrer Marke passt. Sie können eine Reihe visueller Elemente ändern, darunter Farben, Schriftarten und Komponentenstile, um ein konsistentes Markenerlebnis für Ihre Creator zu gewährleisten.

{% hint style="danger" %}
**Änderungen werden sofort live geschaltet.** Creator sehen Ihre Änderungen, sobald Sie sie speichern. Wenn Sie sich bei einer Einstellung unsicher sind, [wenden Sie sich an den Support](https://app.impact.com/support/portal.ihtml?createTicket=true&) bevor Sie Änderungen vornehmen.
{% endhint %}

#### Rufen Sie die Einstellungsseite auf

Sie können auf diese Einstellungsseite nur über impact.com zugreifen.

1. Wählen Sie in der oberen Navigationsleiste Ihres impact.com-Kontos ![](/files/b499afb31802cd63f4cfb233fcf9c95589389524) **\[Benutzerprofil] → Einstellungen.**
2. Rechts unter *Programmeinstellungen*navigieren Sie zu *Creator Edit* und wählen Sie [**Aussehen und Stil**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.**
3. In den *Aussehen und Stil* Einstellungen passen Sie die visuellen Optionen für Ihr Portal an. Siehe *Das Erscheinungsbild Ihres Portals anpassen* unten.
4. Wenn Sie zufrieden sind, wählen Sie **Speichern**.

#### Das Erscheinungsbild Ihres Portals anpassen

{% tabs %}
{% tab title="Allgemeine Farben" %}
Definieren Sie die allgemeinen Farben Ihres Portals mithilfe von Hex-Farbcodes. Diese Farben gelten für Hintergründe, Rahmen und Branding-Elemente.

* **Primäres Branding**: Legen Sie Ihre Hauptmarkenfarbe fest.
* **Sekundäres Branding**: Legen Sie Ihre sekundäre Markenfarbe fest.
* **Tertiäres Branding**: Legen Sie eine Akzent- oder tertiäre Markenfarbe fest.
* **Splash-Hintergrund**: Legen Sie die Hintergrundfarbe des Splash-/Ladebildschirms fest.
* **Onboarding-Hintergrund**: Legen Sie die Hintergrundfarbe für den Creator-Onboarding-Flow fest.
* **Einstellungs-Hintergrund**: Legen Sie die Hintergrundfarbe für die Einstellungsseite des Portals fest.
* **Primärer Hintergrund**: Legen Sie die Haupt-Hintergrundfarbe für das Dashboard des Portals fest.
* **Primärer Rahmen**: Legen Sie die Farbe für die primären Rahmen und Trennlinien fest.
* **Erfolg**: Legen Sie die Farbe fest, die für Erfolgsmeldungen und Benachrichtigungen verwendet wird.
* **Warnung**: Legen Sie die Farbe fest, die für Warnmeldungen und Hinweise verwendet wird.
  {% endtab %}

{% tab title="Schaltflächen" %}
Definieren Sie das Erscheinungsbild der Schaltflächen Ihres Portals, einschließlich ihrer Textfarbe, Hintergrundfarbe und Interaktionszustände (Hover und Klick). Sie können außerdem eine Vorschau anzeigen, wie Ihre Schaltflächen in Ihrem Portal aussehen werden.

* **Primäre Schaltfläche**: Legen Sie die Farbe Ihrer primären Schaltflächen fest' *Text*, *Hintergrund*, *Hintergrund beim Hover*, und *Klick*. Geben Sie einen Hex-Farbcode ein (z. B. #FFFFFF für Weiß), um die Farbe festzulegen.
* **Sekundäre Schaltfläche**: Legen Sie die Farbe Ihrer sekundären Schaltflächen fest' *Text*, *Hintergrund*, *Hintergrund beim Hover*, und *Klick*. Geben Sie einen Hex-Farbcode ein (z. B. #FFFFFF für Weiß), um die Farbe festzulegen.
  {% endtab %}

{% tab title="Text" %}
Definieren Sie mithilfe von Hex-Farbcodes die Farben für verschiedene Textelemente, um Lesbarkeit und Konsistenz zu gewährleisten. Sie können außerdem eine Vorschau anzeigen, wie Ihr Text in Ihrem Portal aussehen wird.

* **Fehler**: Legen Sie die Farbe für Fehlermeldungen fest.
* **Text der Influencer-Metrikbeschriftung**: Legen Sie die Farbe für Beschriftungen von Leistungsmetriken fest.
* **Linkfarbe**: Legen Sie die Farbe für alle anklickbaren Hyperlinks fest.
* **Onboarding-Text**: Legen Sie die Haupttextfarbe während des Onboarding-Prozesses fest.
* **Sekundärer Onboarding-Text**: Legen Sie die sekundäre Textfarbe fest, die während des Onboarding-Prozesses verwendet wird.
* **Primärer Modaldialog-Text**: Legen Sie die Textfarbe innerhalb von modalen Pop-ups fest.
* **Primärer Text**: Legen Sie die Standard-Textfarbe für die meisten Inhaltsbereiche fest.
* **Sekundärer Link**: Legen Sie die Farbe für sekundäre oder weniger hervorgehobene Links fest.
* **Sekundärer Text**: Legen Sie die Farbe für ergänzenden oder weniger betonten Text fest.
* **Einstellungstext**: Legen Sie die Textfarbe speziell für die Einstellungsseiten fest.
* **Splash-Text**: Legen Sie die Textfarbe auf dem Splash-/Ladebildschirm fest.
* **Primärer Text der UI-Komponente**: Legen Sie die Textfarbe für die primären UI-Komponenten fest.
  {% endtab %}

{% tab title="Formulare" %}
Definieren Sie mithilfe von Hex-Farbcodes das Aussehen interaktiver Formularelemente, damit es zu Ihrem Branding passt. Sie können außerdem eine Vorschau anzeigen, wie Ihr Kontrollkästchen und Ihr Optionsfeld in Ihrem Portal aussehen werden.

* **Ausgewähltes Kontrollkästchen**: Legen Sie die Farbe eines Kontrollkästchens fest, wenn es ausgewählt ist.
* **Ausgewähltes Optionsfeld**: Legen Sie die Farbe eines Optionsfelds fest, wenn es ausgewählt ist.
  {% endtab %}

{% tab title="Komponenten" %}
Definieren Sie mithilfe von Hex-Farbcodes die Farben für verschiedene strukturelle Komponenten Ihres Portals.

* **Primärer Modaldialog-Hintergrund**: Legen Sie die Hintergrundfarbe für modale Pop-ups fest.
* **Primäre UI-Komponente**: Legen Sie die Farbe für die primären UI-Elemente wie aktive Tabs oder ausgewählte Elemente fest.
* **Sekundäre UI-Komponente**: Legen Sie die Farbe für sekundäre UI-Elemente fest.
* **Hintergrund des Pill-Containers**: Legen Sie die Hintergrundfarbe für pillenförmige Tags oder Beschriftungen fest.
* **Fußzeilen-Hintergrund**: Legen Sie die Hintergrundfarbe der Seitenfußzeile fest.
* **Kopfzeilen-Hintergrund**: Legen Sie die Hintergrundfarbe der Seitenkopfzeile fest.
* **Hintergrund der Fortschrittsanzeige**: Legen Sie die Hintergrundfarbe für Fortschrittsbalken fest.
  {% endtab %}

{% tab title="Schriftarten" %}
Definieren Sie die Schriftarten Ihrer Marke, die im gesamten Portal verwendet werden sollen. Unterstützte Dateiformate sind .TTF, .OTF und .WOFF. Sie können außerdem eine Vorschau anzeigen, wie Ihre hochgeladenen Schriftarten in Ihrem Portal aussehen werden.

* **Schriftart leicht, normal, fett**: Laden Sie Schriftarten für Ihre primären Schriftstile hoch.
* **Sekundäre Schriftart halbfett, normal, fett**: Laden Sie Schriftarten für Ihre sekundären Schriftstile hoch.
  {% endtab %}

{% tab title="Andere Stile" %}
Passen Sie zusätzliche Stiloptionen für bestimmte Komponenten an. Sie können außerdem eine Vorschau anzeigen, wie die von Ihnen gewählten Stiloptionen in Ihrem Portal aussehen werden.

* **Rahmenradius der Schaltfläche**: Legen Sie die Rundung der Ecken für die primäre Schaltfläche fest.
* **Schriftgröße der Kopfzeile für Benefit-Inhalte**: Passen Sie die Schriftgröße für die Kopfzeile auf Benefit-Inhaltskarten an.
  {% endtab %}

{% tab title="Kategorien & Sammlungen" %}
Definieren Sie den Stil für die Karten, die zur Anzeige von Kategorien und Sammlungen in Ihrem Portal verwendet werden. Sie können eine Vorschau anzeigen, wie der von Ihnen gewählte Stil in Ihrem Portal aussehen wird.

* **Stil der Kategorienkarte**: Wählen Sie zwischen **Kreisförmig** und **Quadratisch**. Wenn Sie den **Quadratisch** Stil wählen, können Sie die Rundung der Ecken für die Karten anpassen.
* **Stil der Sammlungenkarte**: Wählen Sie zwischen **Kreisförmig** und **Quadratisch**. Wenn Sie den **Quadratisch** Stil wählen, können Sie die Rundung der Ecken für die Karten anpassen.
  {% endtab %}
  {% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.impact.com/brand/de/what-would-you-like-to-learn-about/creator-edit-configuration/erscheinungsbild/ihr-creator-edit-portal-anpassen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
