# Anpassung von Design und Markenfarben | Vodlix **Source:** https://vodlix.com/de/features/themes-colors-changing **Summary:** Markenfarben, Header, Footer und Kartenformen einmal festlegen und auf Web, TV und Mobil anwenden – mit Live-Vorschau Ihrer Website. **Publisher:** Vodlix --- ## Themes & Farben Legen Sie Ihre Markenfarben einmal fest und wenden Sie sie auf die Website, die TV-Apps und das Smartphone an – mit einer Live-Vorschau Ihrer Website während der Bearbeitung. - **Feature Plan:** 2 - back-end - core-platform ## Themes und Farben: Gestalten Sie Ihre Streaming-Plattform einmalig und wenden Sie das Design überall an Farben, Kopfzeile, Fußzeile, Karten und Player lassen sich an einem Ort konfigurieren – mit einer Live-Vorschau Ihrer Website. Streaming-Storefront im „Ocean“-Design auf einem Laptop und einem Smartphone, neben den Voreinstellungen „Mit einem Design beginnen“ im Editor „Darstellung“ Desktop-Bereich des Design-Editors mit ausgewähltem „Ocean“-Design und Live-Vorschau der Website in dieser Farbpalette ### Einheitliche Markendefinition, keine Farbabweichungen Mit den Themen und Farben von Vodlix können Sie Ihre Markenpalette einmalig festlegen und automatisch auf die gesamte Website, TV-Apps und mobile Apps anwenden. Eine Abweichung vom Markenbild tritt auf, wenn eine Farbe an mehreren Stellen separat festgelegt wird und sich nach und nach unterscheidet, sodass auf Ihrer Plattform drei leicht unterschiedliche Rottöne entstehen. Bei Vodlix werden Farben, Kopfzeile, Fußzeile, Karten und das Design des Players an einem einzigen Ort konfiguriert, sodass die Apps nicht vom Erscheinungsbild der Website abweichen können. Eine einzige Definition sorgt dafür, dass alle Oberflächen auch bei Weiterentwicklungen der Plattform einheitlich bleiben. - mx-auto #### Eine Definition Farben einmal festlegen, überall anwenden. #### Live-Vorschau Sehen Sie sich Ihre Website während der Bearbeitung an. #### Kartenformen Hoch- oder Querformat je nach Oberfläche. Einstellung für das Startbild der mobilen App mit den Optionen „Hochformat“ und „Querformat“ neben der App-Vorschau ### Kartenformate im Hoch- und Querformat je nach Oberfläche Mit Vodlix können Sie die Kartenformen gezielt festlegen, da die Form einer Inhaltskarte das Browsing ebenso stark beeinflusst wie die Farbe. Karten im Querformat eignen sich für den Fernseher, wo die Zeilen mit der Fernbedienung horizontal durchblättert werden; Karten im Hochformat eignen sich für Smartphones, wo sich ein Poster in einem vertikalen Raster gut lesen lässt. Sie können Standard-Kartenformen und Formen für hervorgehobene Karten separat pro Oberfläche festlegen, sodass jeder Bildschirm Inhalte in dem Format anzeigt, das für ihn am besten geeignet ist. Layout-Entscheidungen werden so zu bewussten Markenentscheidungen und sind kein Zufall mehr. Farben der mobilen App mit einer benutzerdefinierten Markenfarbe und der Smartphone-Vorschau, die vor dem Speichern dieselbe Farbe der Wiedergabetaste anzeigt ### Live-Vorschau vor dem Speichern Vodlix zeigt eine Live-Vorschau Ihrer tatsächlichen Website an, während Sie ein Design anpassen. Änderungen an Farben, Kopfzeile, Fußzeile und Karten werden im Vorschaufenster sofort angezeigt, sodass Sie sehen können, wie eine Änderung für die Besucher aussieht, anstatt nur zu raten. Die Einstellungen der mobilen App verfügen über eine eigene Vorschau des Smartphone-Layouts. Die Farben der TV-App werden im selben Editor festgelegt, es gibt jedoch noch keine Vorschau. Überprüfen Sie daher wesentliche Änderungen zunächst auf einem Testfernseher, bevor sie im Wohnzimmer zu sehen sind. Benutzerdefinierter CSS-Editor für die Vorlage „Default v2“ mit einem kurzen Stylesheet und einer Schaltfläche „Aktualisieren“ ### Benutzerdefiniertes CSS für erweiterte Gestaltung Für Teams, die mehr als die Standardsteuerelemente benötigen, unterstützt Vodlix benutzerdefiniertes CSS innerhalb der Design-Einstellungen. Die meisten Betreiber müssen Stile nie manuell erstellen, da Farben, Layout und Karten die üblichen Anforderungen an das Branding abdecken. Die wenigen, die eine präzise Kontrolle über Typografie, Abstände oder eine bestimmte Komponente benötigen, können ihr eigenes CSS hinzufügen, ohne die Plattform zu verändern. Benutzerdefiniertes CSS steht bei Bedarf zur Verfügung und ist im Gegenzellfall nicht im Weg. **Q: Wo stelle ich die Markenfarben bei Vodlix ein?** Die Markenfarben werden einmalig in den Vodlix-Einstellungen für „Themes & Colours“ festgelegt und automatisch auf Ihre Website, Ihre mobilen Apps und Ihre TV-Apps angewendet, sodass auf allen Oberflächen dieselbe Farbpalette verwendet wird. **Q: Kann ich mir vor dem Speichern eine Vorschau der Designänderungen anzeigen lassen?** Ja. Vodlix zeigt eine Live-Vorschau Ihrer Website an, während Sie Farben, Kopf- und Fußzeilen sowie Karten anpassen, und in den Einstellungen der mobilen App wird eine Skizze des Layouts auf dem Smartphone angezeigt. Für die Farben der TV-App gibt es noch keine Vorschau; überprüfen Sie diese daher auf einem Testgerät. **Q: Kann ich auf verschiedenen Geräten unterschiedliche Kartenformen verwenden?** Ja. Mit Vodlix können Sie für Standard- und vorgestellte Inhalte auf jeder Oberfläche separat Kartenformate im Hoch- oder Querformat festlegen, sodass Poster für Smartphones und breite Karten für Fernseher geeignet sind. **Q: Warum ist eine einheitliche Markendefinition wichtig?** Eine einheitliche Definition verhindert Abweichungen vom Markenauftritt. Wenn eine Farbe an einem einzigen Ort hinterlegt ist, können die Apps nicht von der Website abweichen, sodass es nie zu drei leicht unterschiedlichen Versionen Ihres Markenrots kommt. **Q: Kann ich über die Standard-Designoptionen hinaus eigene Gestaltungselemente hinzufügen?** Ja. Vodlix unterstützt benutzerdefiniertes CSS in den Design-Einstellungen für Teams, die präzise Kontrolle über Typografie, Abstände oder bestimmte Komponenten benötigen, ohne die Plattform selbst ändern zu müssen. **Q: Was ist, wenn meine Markenfarbe auf einem dunklen Hintergrund nicht gut zur Geltung kommt?** Das kommt häufig vor und sollte lieber vor dem Start als danach bemerkt werden. Es geht nicht darum, ob es bei Tageslicht Ihren Markenrichtlinien entspricht, sondern darum, ob jemand um elf Uhr abends auf einem Fernseher eine Schaltfläche lesen kann. **Q: Kann ich mein eigenes CSS schreiben?** Ja, für die Fälle, die die Steuerelemente nicht abdecken. Die meisten Dienste benötigen dies nie, und diejenigen, die es benötigen, brauchen es in der Regel für etwas Spezifisches und nicht für umfassende Änderungen, sodass es eher als Ausweichmöglichkeit denn als Hauptweg dient. **Q: Inwiefern unterscheidet sich dies von benutzerdefinierten Vorlagen?** Eine Vorlage umfasst Struktur und Layout; dabei handelt es sich um die darin umgesetzten Markenwerte. Eine Vorlage wird nur selten geändert, Farben hingegen immer dann, wenn sich Ihr Branding ändert – deshalb sind beide bewusst voneinander getrennt.