> 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). # Passen Sie Ihr Creator-Edit-Portal an {% hint style="warning" %} Dieser Artikel behandelt die Konfiguration Ihres [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 der visuellen Identität Ihrer Marke passt. Sie können eine Reihe visueller Elemente anpassen, darunter Farben, Schriftarten und Komponentenstile, und so ein konsistentes Markenerlebnis für Ihre Creator sicherstellen. {% hint style="danger" %} **Änderungen werden sofort live geschaltet.** Creator sehen Ihre Änderungen, sobald 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 diese Einstellungsseite nur über impact.com aufrufen. 1. Wählen Sie in der oberen Navigationsleiste Ihres impact.com-Kontos ![](/files/4fa7c3e47e2dc9a63e140c0862eeab4caaaca16f) **\[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. Im *Aussehen und Stil* Einstellungen an, um die visuellen Optionen für Ihr Portal zu bearbeiten. Siehe *Bearbeiten Sie das Aussehen und den Stil Ihres Portals* Abschnitt unten. 4. Sobald Sie zufrieden sind, wählen Sie **Speichern**. #### Bearbeiten Sie das Aussehen und den Stil Ihres Portals {% tabs %} {% tab title="Allgemeine Farben" %} Definieren Sie die allgemeinen Farben Ihres Portals anhand hexadezimaler 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 Onboarding-Ablauf der Creator 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 Alarme 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 in einer Vorschau sehen, 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 Hover*, und *Klicken Sie auf*. 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 Hover*, und *Klicken Sie auf*. 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 anhand hexadezimaler Farbcodes, um Lesbarkeit und Konsistenz sicherzustellen. Sie können außerdem in einer 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 Modal-Pop-ups fest. * **Primärtext**: 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ärtext**: 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ärtext für UI-Komponenten**: Legen Sie die Textfarbe für die primären UI-Komponenten fest. {% endtab %} {% tab title="Formulare" %} Definieren Sie das Aussehen interaktiver Formularelemente passend zu Ihrem Branding anhand hexadezimaler Farbcodes. Sie können außerdem in einer 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 die Farben für verschiedene strukturelle Komponenten Ihres Portals anhand hexadezimaler Farbcodes. * **Primärer Modal-Hintergrund**: Legen Sie die Hintergrundfarbe für Modal-Pop-ups fest. * **Primäre UI-Komponente**: Legen Sie die Farbe für primäre 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 Labels fest. * **Footer-Hintergrund**: Legen Sie die Hintergrundfarbe der Fußzeile fest. * **Header-Hintergrund**: Legen Sie die Hintergrundfarbe der Kopfzeile 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 außerdem in einer 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 Styling-Optionen für bestimmte Komponenten an. Sie können außerdem in einer Vorschau sehen, wie die von Ihnen gewählten Styling-Optionen in Ihrem Portal aussehen werden. * **Rahmenradius der Schaltfläche**: Legen Sie fest, wie abgerundet die Ecken der primären Schaltfläche sind. * **Schriftgröße der Kopfzeile von Benefit-Inhalten**: Passen Sie die Schriftgröße für die Kopfzeile auf Benefit-Inhaltskarten an. {% endtab %} {% tab title="Kategorien und Sammlungen" %} Definieren Sie den Stil für die Karten, die zum Anzeigen von Kategorien und Sammlungen in Ihrem Portal verwendet werden. Sie können in einer 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 den Eckenradius 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 den Eckenradius 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=&goal= ``` `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.