--- title: "Ihre Marke mit dem Designkit hinzufügen" description: "Legen Sie Hintergrund, Schriften, Textfarben, Links, Logo und Button-Stil einmal fest, und jede Seite der Kampagne übernimmt sie. Speichern Sie Kits und nutzen Sie sie in anderen Kampagnen wieder." url: https://scratcher.io/de/help/campaigns/design-kit language: de --- 1. [Hilfe-Center](https://scratcher.io/de/help) 2. [Kampagnen und der Editor](https://scratcher.io/de/help/campaigns) 3. Ihre Marke mit dem Designkit hinzufügen # Ihre Marke mit dem Designkit hinzufügen Legen Sie Hintergrund, Schriften, Textfarben, Links, Logo und Button-Stil einmal fest, und jede Seite der Kampagne übernimmt sie. Speichern Sie Kits und nutzen Sie sie in anderen Kampagnen wieder. Das Designkit bestimmt das Aussehen Ihrer Kampagne: Hintergrund, Schriften und Textfarben, Links, Ihr Logo und den Button-Stil. Elemente folgen dem Designkit, sofern Sie sie nicht selbst gestalten. Eine Änderung im Designkit aktualisiert also alle Seiten der Kampagne auf einmal. ## Das Designkit einer Kampagne ändern 1. Klicken Sie im Editor oben im linken Bereich unter **Layout** auf **Designkit**, oder drücken Sie Shift+D. 2. Bleiben Sie im Tab **Bearbeiten**. 3. Öffnen Sie einen Abschnitt: **Hintergrund**, **Typografie**, **Link**, **Logo** oder **Button**. 4. Ändern Sie die Einstellungen. Die Arbeitsfläche aktualisiert sich sofort, und Ihre Änderungen werden automatisch gespeichert. 5. Ist die Kampagne live, klicken Sie auf **Aktualisieren**, um den neuen Look live zu schalten. Jede Kampagne hat ihre eigene Kopie des Designkits. Eine Änderung betrifft nur diese Kampagne, nie Ihre anderen Kampagnen oder Ihre gespeicherten Designkits. ## Hintergrund - **Hintergrundfarbe**: die Farbe hinter jeder Seite. - **Desktop-Hintergrund**: ein Bild hinter den Seiten auf Computern. - **Mobiler Hintergrund**: ein Bild für Smartphones. - **Ausrichtung**: wo das Bild verankert ist, links, mittig oder rechts sowie oben, mittig oder unten. Das ist wichtig, wenn das Bild auf schmalen oder hohen Bildschirmen beschnitten wird. Eine einzelne Seite kann trotzdem ihren eigenen Hintergrund haben. Nutzen Sie dafür **Hintergrund bearbeiten** auf dieser Seite. Siehe [Seiteneinstellungen, Hintergründe und Popup-Seiten](https://scratcher.io/de/help/elements/page-settings-and-backgrounds). ## Typografie - **Standardfarbe**: die Farbe aller Texte, die keine eigene Farbe haben. - Wählen Sie unter **Typografie** einen Textstil über die Tabs **P** (**Absatz**), **H1**, **H2**, **H3** und **H4** (**Überschrift 1** bis **Überschrift 4**). Für jeden Stil legen Sie fest: - Schriftart und Größe, zum Beispiel **Überschrift 1 – Schriftart** - die Größe auf Smartphones, zum Beispiel **Überschrift 1 – Größe (mobil)** (optional) - die Farbe, zum Beispiel **Überschrift 1 – Farbe** - **Fett** und **Kursiv**, zum Beispiel unter **Überschrift 1 – Stil** Ein Text verwendet diese Stile, wenn Sie ihn in der Text-Werkzeugleiste als **Absatz** oder **Überschrift 1** bis **Überschrift 4** markieren. Siehe [Text und Überschriften bearbeiten](https://scratcher.io/de/help/elements/text-and-headings). Wählen Sie eine Schriftart in der Schriftliste (**Schriftart wählen – zum Suchen tippen**). Schriften, die Sie hochgeladen haben, finden Sie unter **Meine Schriftarten**, und Sie können auch direkt aus der Liste eine Schrift hochladen. Stellen Sie sicher, dass Sie eine Schrift nutzen dürfen, bevor Sie sie hochladen. ## Link Legen Sie die **Farbe** der Links in Ihren Texten fest und ihren **Stil**: **Fett**, **Kursiv** und **Unterstrichen**. ## Logo - **Bild**: Laden Sie Ihr Logo hoch. - **Größe**: die Breite des Logos. Das Element **Logo** zeigt dieses Logo, Sie laden es also nur einmal hoch. Wenn Sie es hier ändern, ändert sich jedes Logo in der Kampagne. ## Button - **Schriftart**: die Schrift, die Textgröße und **Fett** an oder aus. - **Button**: die Hintergrundfarbe des Buttons. - **Text**: die Textfarbe. - **Rahmen**: **Keine**, **Einfarbig**, **Doppelt**, **Gepunktet**, **Gestrichelt** oder **Rille**. Mit Rahmen legen Sie dessen Breite und Farbe fest. - **Größe**: die **Breite** (oder **an Text anpassen**) und **Höhe**. - **Form**: **Quadrat**, **Abgerundet** oder **Pillenform**. Diese Einstellungen gelten für jeden Button, der keinen eigenen Stil hat. ## Das Designkit für E-Mails Wenn Sie die E-Mails der Kampagne bearbeiten (**Verbinden** > **E-Mails**), enthält der Abschnitt **Hintergrund** des Designkits nur die **Hintergrundfarbe** Ihrer E-Mails. Die übrigen Einstellungen funktionieren wie bei Seiten. Im Tab **Stile** einer E-Mail gibt es **Auf Designkit zurücksetzen**, um zu dieser Farbe zurückzukehren. Siehe [E-Mails an Spieler senden](https://scratcher.io/de/help/campaigns/send-emails-to-players). ## Lassen Sie die KI das erledigen Unten im Tab **Bearbeiten**: - **Brand Kit generieren** liest Ihre Website und übernimmt Ihre Farben, Schriften, Ihr Logo und Ihren Button-Stil. - **Theme generieren** erstellt einen kompletten Look aus einer kurzen Beschreibung, etwa „Black Friday, dunkler Hintergrund, kräftiges Orange“. Beides verbraucht KI-Tokens. Siehe [Ihre Marke von der Website übernehmen oder ein Theme generieren](https://scratcher.io/de/help/ai/brand-kit-and-ai-themes). Sie können auch Rex fragen, zum Beispiel „Mach die Buttons orange und abgerundet“. Siehe [Änderungen, die Rex für Sie vornehmen kann](https://scratcher.io/de/help/ai/ask-rex-to-make-changes). ## Ein Designkit speichern und wiederverwenden 1. Wenn das Designkit so aussieht, wie Sie es möchten, klicken Sie unten im Bereich auf **Als Vorlage speichern**. 2. Geben Sie einen **Name** ein, etwa „Weihnachten“ oder „Sommer“. 3. Klicken Sie auf **Speichern**. Sie sehen „Das Designkit wurde als Vorlage gespeichert.“ Das gespeicherte Kit finden Sie nun in all Ihren Kampagnen im Tab **Durchsuchen** unter **Meine Designkits**. ## Ein gespeichertes oder fertiges Designkit verwenden 1. Öffnen Sie das Designkit und klicken Sie auf den Tab **Durchsuchen**. 2. Suchen Sie ein Kit unter **Meine Designkits** oder in einer der fertigen Gruppen darunter. Mit **Designkits durchsuchen** suchen Sie nach Namen. 3. Klicken Sie auf ein Kit. Die Arbeitsfläche zeigt eine Vorschau der Kampagne mit diesem Kit. 4. Klicken Sie auf **Designkit auswählen**. Hintergrund, Schriften, Textstile, Link-Stil, Logo, Button und E-Mail-Hintergrund werden in diese Kampagne kopiert, und der Bereich wechselt zurück zu **Bearbeiten**. Das Kit wird kopiert, nicht verknüpft. Wenn Sie das gespeicherte Kit später ändern, ändern sich Kampagnen nicht, die es bereits verwenden. Ebenso ändern Änderungen in einer Kampagne das gespeicherte Kit nicht. ## Ein gespeichertes Designkit umbenennen oder löschen Öffnen Sie im Tab **Durchsuchen** das Menü (**Aktionen**) bei einem Ihrer eigenen Kits: - **Bearbeiten** öffnet **Designkit bearbeiten**, wo Sie den **Name** ändern können. Klicken Sie auf **Speichern**. - **Löschen** fragt nach einer Bestätigung (**Designkit löschen**). Das Löschen eines gespeicherten Kits ändert keine Kampagne, die es bereits verwendet. ## Gut zu wissen - Soll ein einzelnes Element anders aussehen, gestalten Sie es im Tab **Stile** des Elements. Dieses Element folgt dann bei dieser Einstellung nicht mehr dem Designkit. - Das Tastenkürzel Shift+D öffnet das Designkit von überall im Editor. Kampagnen und der Editor - [Eine Kampagne aus einer Vorlage erstellen](https://scratcher.io/de/help/campaigns/create-a-campaign) - [Den Editor kennenlernen](https://scratcher.io/de/help/campaigns/editor-overview) - [Seiten hinzufügen, sortieren und verwalten](https://scratcher.io/de/help/campaigns/pages-and-flow) - [Texte, Bilder und andere Elemente hinzufügen und bearbeiten](https://scratcher.io/de/help/campaigns/add-and-edit-elements) - [Ihre Marke mit dem Designkit hinzufügen](https://scratcher.io/de/help/campaigns/design-kit) - [Animationen, Konfetti und andere Effekte](https://scratcher.io/de/help/campaigns/animations-and-effects) - [Texte mit dynamischen Tags personalisieren](https://scratcher.io/de/help/campaigns/dynamic-tags) - [Eine Kampagne veröffentlichen, planen, pausieren und beenden](https://scratcher.io/de/help/campaigns/publish-and-schedule) - [Ihre Kampagne in der Vorschau ansehen und testen](https://scratcher.io/de/help/campaigns/preview-and-test) - [Fehler und Warnungen im Editor: was sie bedeuten und wie Sie sie beheben](https://scratcher.io/de/help/campaigns/editor-errors-and-health-check) - [Einen Kampagnen-Check ausführen](https://scratcher.io/de/help/campaigns/campaign-health-check) - [Eine Kampagne in mehreren Sprachen durchführen](https://scratcher.io/de/help/campaigns/languages-and-translation) - [Kampagnen ordnen, kopieren und löschen](https://scratcher.io/de/help/campaigns/organise-campaigns) - [E-Mails an Spieler senden](https://scratcher.io/de/help/campaigns/send-emails-to-players) - [Planen Sie Ihr Jahr mit dem Plan-Kalender](https://scratcher.io/de/help/campaigns/plan-your-campaigns) - [Produkte und Produktfeeds](https://scratcher.io/de/help/campaigns/products-and-product-feeds) - [Gut zu wissen über den Editor](https://scratcher.io/de/help/campaigns/editor-good-to-know) ## Ähnliche Artikel - [Texte, Bilder und andere Elemente hinzufügen und bearbeiten](https://scratcher.io/de/help/campaigns/add-and-edit-elements): Elemente einfügen, Texte ändern, Bilder und Schriften hochladen und alles für Desktop und Smartphone gestalten. - [Seiteneinstellungen, Hintergründe und Popup-Seiten](https://scratcher.io/de/help/elements/page-settings-and-backgrounds): Legen Sie den Hintergrund einer Seite fest, richten Sie ihren Inhalt aus, machen Sie aus einer Seite ein Popup, blenden Sie die Kopfzeile aus und laden Sie die Seite automatisch neu. - [Ihre Marke von der Website übernehmen oder ein Theme generieren](https://scratcher.io/de/help/ai/brand-kit-and-ai-themes): Lassen Sie die KI Ihre Website lesen und Ihr Designkit ausfüllen, oder erstellen Sie ein komplettes Theme aus einer kurzen Beschreibung. ## Brauchen Sie noch Hilfe? Echte Menschen helfen Ihnen gern. Wenn Sie Scratcher bereits nutzen, ist der Chat in der Plattform der schnellste Weg. - **[Chatten Sie mit uns](https://platform.scratcher.io/login)** Melden Sie sich an und klicken Sie unten rechts auf den Chat-Button. Rex antwortet sofort, und unser Team ist nur einen Klick entfernt. - **[Termin buchen](https://scratcher.io/de/book-a-meeting)** Ein kostenloser 30-minütiger Videocall mit unserem Team: eine Tour, Kampagnenideen oder Hilfe bei Ihrer Einrichtung. - **[Schreiben Sie uns](mailto:kontakt@scratcher.io)** Schreiben Sie an kontakt@scratcher.io, und wir melden uns bei Ihnen.