Design-Vorlagen und Farben
Das Erscheinungsbild eines duelgo bestimmt die Design-Vorlage. Kostenlos gibt es vier fertige Vorlagen — duelgo Light (dunkelblauer Header, türkise Buttons), duelgo Dark (violett), Weiß und Schwarz. Diese stehen nur zur Auswahl und lassen sich nicht bearbeiten. Ab dem Pro-Plan erstellen Sie eigene Vorlagen und stimmen jede Farbe, das Logo und den Hintergrund fein ab.
- Öffnen Sie den Schritt „Design“
Wählen Sie in der Galerie eine Vorlage — die Smartphone-Vorschau färbt sich sofort um. Die gewählte Vorlage ist hervorgehoben.
- Erstellen Sie eine eigene Vorlage
Mit dem Button Eigene erstellen. Benennen Sie sie und wählen Sie, wovon sie ausgehen soll: vom aktuellen Design des duelgo, von einer Standard-Vorlage oder von einer anderen Ihrer Vorlagen. Das duelgo wird direkt mit ihr verknüpft und die Bearbeitung öffnet sich.
- Bearbeiten Sie die Farben nach Bereichen
Der Vorlagen-Editor ist in Bereiche gegliedert — siehe Liste unten. Jede Änderung erscheint sofort in der Smartphone-Vorschau; die Farben werden automatisch gespeichert.
- Oder klicken Sie direkt in die Vorschau
Klicken Sie im Schritt Design auf ein beliebiges Element in der Smartphone-Vorschau (Button, Sprechblase, Header…) — es öffnet sich eine schwebende Farbpalette genau dafür. Haben Sie eine Basis-Vorlage ausgewählt, bietet der Editor zunächst an, sie als eigene zu speichern („Fork“) — Basis-Vorlagen sind nicht bearbeitbar.
Die Bereiche des Design-Editors und was Sie darin finden
- Hintergrund — Hintergrund- und Textfarbe, optionaler Farbverlauf, Hintergrundbild (bis 500 kB) und separater Desktop-Hintergrund (bis 800 kB)
- Header — Hintergrund- und Textfarbe, Logo (bis 200 kB) + Logo-Form Standard/Breit/Kreis; ab dem Business-Plan ein eigenes Bild über den gesamten Header
- Moderator — Farbe der Sprechblase, des Textes und des Moderatorennamens, Breite und Farbe des Blasenrands (0–10 px)
- Nutzer — dasselbe für die Sprechblasen der Spieler
- Buttons — Hintergrund, Text, Hover-Zustände, Breite und Farbe des Rands (auch für den aktiven Zustand)
- Slider — Farbe der Leiste, Farbe und Text des Buttons, eigenes Regler-Symbol
- Eingabefelder — Hintergrund und Text
- Bewertung — Füllung und Rand der Sterne, Farbe der Beschriftungen, optionaler Hintergrund des Blocks
So funktioniert die gemeinsame Nutzung einer Vorlage — wichtig
Eine eigene Vorlage können mehrere duelgo-Chats gleichzeitig verwenden, und die Verknüpfung ist live: Eine Änderung an Farben oder Logo in der Vorlage wirkt sich sofort auf alle duelgo-Chats aus, die sie verwenden. Der Editor erinnert bei der Bearbeitung mit einem Banner daran. Möchten Sie ein abweichendes Erscheinungsbild nur für ein duelgo, erstellen Sie dafür eine separate Vorlage (gern als Kopie der bestehenden).
Wenn Sie einem duelgo eine andere Vorlage zuweisen, übernimmt es das komplette Erscheinungsbild — Felder, die in der neuen Vorlage nicht ausgefüllt sind (etwa Logo oder Hintergrundbild), fallen auf den Standardwert zurück. Prüfen Sie vor dem Vorlagenwechsel, was Sie verlieren würden.
Vorlagen lassen sich umbenennen und löschen (Kontextmenü der Karte). Durch das Löschen einer Vorlage gehen die duelgo-Chats nicht kaputt — sie behalten ihre Farben, nur die Verknüpfung zur Vorlage wird gelöst.
Was in welchem Plan enthalten ist
Free und Starter: Auswahl aus 4 fertigen Vorlagen. Ab dem Pro-Plan: unbegrenzt eigene Vorlagen und alle Farben inkl. Logo. Ab dem Business-Plan: eigenes Header-Bild. Eigenes CSS ist individuell auf Anfrage verfügbar — wenden Sie sich an den Support.