> 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). # Passe dein Creator-Edit-Portal an {% hint style="warning" %} This article covers configuring your [Creator Edit portal](/brand/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [Contact us](https://app.impact.com/support/portal.ihtml?createTicket=true&) to learn more. {% endhint %} Passen Sie das Erscheinungsbild Ihres Creator-Edit-Portals an die visuelle Identität Ihrer Marke an. Sie können eine Reihe visueller Elemente wie Farben, Schriftarten und Komponentenstile ändern, 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 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 Sie können nur von impact.com aus auf diese Einstellungsseite zugreifen. 1. Wählen Sie in der oberen Navigationsleiste Ihres impact.com-Kontos ![](https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[Benutzerprofil] → Einstellungen.** 2. Rechts unter *Programmeinstellungen*, navigieren Sie zu *Creator-Edit* und wählen Sie [**Aussehen und Verhalten**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.** 3. In der *Aussehen und Verhalten* Einstellungen können Sie die visuellen Optionen für Ihr Portal anpassen. Siehe *Bearbeiten Sie das Aussehen und Verhalten Ihres Portals* im folgenden Abschnitt. 4. Wenn Sie zufrieden sind, wählen Sie **Speichern**. #### Bearbeiten Sie das Aussehen und Verhalten Ihres Portals {% tabs %} {% tab title="Allgemeine Farben" %} Definieren Sie die allgemeinen Farben Ihres Portals mithilfe hexadezimaler Farbcodes. Diese Farben gelten für Hintergründe, Rahmen und Markenelemente. * **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. * **Einstellungen-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 für Erfolgsmeldungen und Benachrichtigungen fest. * **Warnung**: Legen Sie die Farbe für Warnmeldungen und Hinweise 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 außerdem in der Vorschau sehen, 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 bei Hover*, 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 fest' *Text*, *Hintergrund*, *Hintergrund bei Hover*, und *Klick*. Geben Sie einen hexadezimalen Farbcode ein (z. B. #FFFFFF für Weiß), um die Farbe festzulegen. {% endtab %} {% tab title="Text" %} Definieren Sie mithilfe hexadezimaler Farbcodes die Farben für verschiedene Textelemente, um Lesbarkeit und Konsistenz sicherzustellen. Sie können außerdem in der Vorschau sehen, 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 auf 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 Modaltext**: Legen Sie die Textfarbe innerhalb von modalen Pop-ups fest. * **Primärer Text**: Legen Sie die Standard-Textfarbe für die meisten Hauptinhalte fest. * **Sekundärer Link**: Legen Sie die Farbe für sekundäre oder weniger hervorstechende Links fest. * **Sekundärer Text**: Legen Sie die Farbe für ergänzenden oder weniger hervorgehobenen Text fest. * **Einstellungen-Text**: Legen Sie die Textfarbe speziell für die Einstellungsseiten fest. * **Splash-Text**: Legen Sie die Textfarbe auf dem Splash-/Ladebildschirm fest. * **Primärer Text von UI-Komponenten**: Legen Sie die Textfarbe für die primären UI-Komponenten fest. {% endtab %} {% tab title="Formulare" %} Definieren Sie das Erscheinungsbild interaktiver Formularelemente passend zu Ihrem Branding mithilfe hexadezimaler Farbcodes. Sie können außerdem in der Vorschau sehen, 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 hexadezimaler Farbcodes die Farben für verschiedene strukturelle Komponenten Ihres Portals. * **Primärer Modal-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 Pillen-Containers**: Legen Sie die Hintergrundfarbe für pillenförmige Tags oder Beschriftungen fest. * **Footer-Hintergrund**: Legen Sie die Hintergrundfarbe der Fußzeile der Seite fest. * **Header-Hintergrund**: Legen Sie die Hintergrundfarbe der Kopfzeile der Seite 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. Zu den unterstützten Dateiformaten gehören .TTF, .OTF und .WOFF. Sie können außerdem in der Vorschau sehen, 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="Weitere Stile" %} Passen Sie zusätzliche Stiloptionen für bestimmte Komponenten an. Sie können außerdem in der Vorschau sehen, wie die von Ihnen gewählten Stiloptionen in Ihrem Portal aussehen werden. * **Schaltflächen-Rundung**: Legen Sie die Rundung der Ecken für die primäre Schaltfläche fest. * **Schriftgröße der Überschrift für Benefit-Inhalte**: Passen Sie die Schriftgröße der Überschrift auf Benefit-Content-Karten 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 in der Vorschau sehen, wie der von Ihnen gewählte Stil in Ihrem Portal aussehen wird. * **Kartenstil für Kategorien**: 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. * **Kartenstil für Sammlungen**: 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 by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` 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=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. 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.