> 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/look-and-feel/customize-your-creator-edit-portal.md).

# Ihr Creator-Edit-Portal anpassen

{% hint style="warning" %}
Dieser Artikel behandelt das Konfigurieren Ihrer [Creator Edit-Portal](/brand/de/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [Kontaktieren Sie uns](https://app.impact.com/support/portal.ihtml?createTicket=true&) um mehr zu erfahren.
{% endhint %}

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

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

#### Rufen Sie die Einstellungsseite auf

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

1. Wählen Sie in der oberen Navigationsleiste Ihres impact.com-Kontos ![](/files/4fa7c3e47e2dc9a63e140c0862eeab4caaaca16f) **\[Benutzerprofil] → Einstellungen.**
2. Auf der rechten Seite, unter *Programmeinstellungen* gehen Sie zu *Creator Edit* und wählen Sie [**Erscheinungsbild**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.**
3. Im *Erscheinungsbild* Einstellungen, passen Sie die visuellen Optionen für Ihr Portal an. Siehe *Bearbeiten Sie das Erscheinungsbild Ihres Portals* den unten stehenden Abschnitt.
4. Wenn Sie zufrieden sind, wählen Sie **Speichern**.

#### Bearbeiten Sie das Erscheinungsbild Ihres Portals

{% tabs %}
{% tab title="Allgemeine Farben" %}
Definieren Sie die allgemeinen Farben Ihres Portals mithilfe von hexadezimalen 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 Akzentfarbe 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-Prozess fest.
* **Hintergrund der Einstellungen**: Legen Sie die Hintergrundfarbe für die Einstellungsseite des Portals fest.
* **Primärer Hintergrund**: Legen Sie die Haupt-Hintergrundfarbe für das Dashboard Ihres Portals fest.
* **Primärer Rahmen**: Legen Sie die Farbe für die primären Rahmen und Trennlinien fest.
* **Erfolg**: Legen Sie die Farbe für Erfolgsnachrichten und Benachrichtigungen fest.
* **Warnung**: Legen Sie die Farbe für Warnmeldungen und Alarme fest.
  {% 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 auch 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' *Text*, *Hintergrund*, *Hintergrund beim Überfahren*und *Klick*. Geben Sie einen hexadezimalen 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' *Text*, *Hintergrund*, *Hintergrund beim Überfahren*und *Klick*. Geben Sie einen hexadezimalen Farbcode ein (z. B. #FFFFFF für Weiß), um die Farbe festzulegen.
  {% endtab %}

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

* **Fehler**: Legen Sie die Farbe für Fehlermeldungen fest.
* **Beschriftungstext für Influencer-Kennzahlen**: Legen Sie die Farbe für Beschriftungen von Leistungskennzahlen 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 Modal-Text**: Legen Sie die Textfarbe innerhalb von Modal-Pop-ups fest.
* **Primärer Text**: Legen Sie die Standard-Textfarbe für den Großteil des Inhalts 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änzende oder weniger hervorgehobene Texte fest.
* **Text der Einstellungen**: Legen Sie die Textfarbe speziell für die Einstellungsseiten fest.
* **Splash-Text**: Legen Sie die Textfarbe auf dem Splash-/Ladebildschirm fest.
* **Primärer Text für UI-Komponenten**: Legen Sie die Textfarbe für die primären UI-Komponenten fest.
  {% endtab %}

{% tab title="Formulare" %}
Definieren Sie das Erscheinungsbild interaktiver Formularelemente, damit es mithilfe von hexadezimalen Farbcodes zu Ihrem Branding passt. Sie können auch 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 die Farben für verschiedene strukturelle Komponenten Ihres Portals mithilfe von hexadezimalen Farbcodes.

* **Primärer Modal-Hintergrund**: Legen Sie die Hintergrundfarbe für Modal-Pop-ups fest.
* **Primäres UI-Element**: Legen Sie die Farbe für die primären UI-Elemente fest, z. B. aktive Tabs oder ausgewählte Elemente.
* **Sekundäres UI-Element**: Legen Sie die Farbe für sekundäre UI-Elemente fest.
* **Hintergrund des Pillen-Containers**: Legen Sie die Hintergrundfarbe für pillenförmige Tags oder Labels fest.
* **Footer-Hintergrund**: Legen Sie die Hintergrundfarbe der Seitenfußzeile fest.
* **Header-Hintergrund**: Legen Sie die Hintergrundfarbe der Seitenkopfzeile fest.
* **Hintergrund der Fortschrittsleiste**: Legen Sie die Hintergrundfarbe für Fortschrittsleisten 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 auch 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 halb fett, normal, fett**: Laden Sie Schriftarten für Ihre sekundären Schriftstile hoch.
  {% endtab %}

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

* **Eckenradius der Schaltfläche**: Legen Sie die Rundung der Ecken für die primäre Schaltfläche fest.
* **Schriftgröße der Benefit-Content-Überschrift**: Passen Sie die Schriftgröße der Überschrift auf Benefit-Content-Karten an.
  {% endtab %}

{% tab title="Kategorien und 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.

* **Kartenstil für Kategorien**: Wählen Sie zwischen **Rund** und **Quadratisch**. Wenn Sie den **Quadratisch** Stil wählen, können Sie die Abrundung der Ecken für die Karten anpassen.
* **Kartenstil für Sammlungen**: Wählen Sie zwischen **Rund** und **Quadratisch**. Wenn Sie den **Quadratisch** Stil wählen, können Sie die Abrundung 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, and the optional `goal` query parameter:

```
GET https://help.impact.com/brand/de/what-would-you-like-to-learn-about/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
