# Personalizzazione dei temi e dei colori del marchio | Vodlix **Source:** https://vodlix.com/it/features/themes-colors-changing **Summary:** Imposta colori del marchio, header, footer e formato delle schede una volta per web, TV e mobile, con anteprima in tempo reale del tuo sito. **Publisher:** Vodlix --- ## Temi e colori Imposta i colori del tuo marchio una sola volta e applicali al web, alle app televisive e al telefono, con un'anteprima in tempo reale del tuo sito web mentre lavori. - **Feature Plan:** 2 - back-end - core-platform ## Temi e colori: personalizza la tua piattaforma di streaming una volta sola e applicala ovunque Colori, intestazione, piè di pagina, schede e lettore configurabili in un unico posto, con anteprima in tempo reale del tuo sito web. Vetrina dello streaming con il tema Ocean su laptop e smartphone, accanto alle impostazioni predefinite «Inizia con un look» dell'editor Aspetto Pannello Desktop dell’editor di aspetto con il tema Ocean selezionato e l’anteprima in tempo reale del sito web in quella palette ### Un'unica definizione del marchio, nessuna variazione cromatica I temi e i colori di Vodlix ti consentono di definire una volta per tutte la tavolozza del tuo marchio e di applicarla automaticamente al sito web, alle app TV e alle app mobili. La "deriva del marchio" si verifica quando un colore viene impostato separatamente in diversi punti e gradualmente si discosta, lasciando tre tonalità di rosso leggermente diverse sulla piattaforma. In Vodlix, i colori, l’intestazione, il piè di pagina, le schede e lo stile del lettore vengono configurati in un unico posto, in modo che le app non possano discostarsi dal sito web. Un’unica definizione mantiene ogni elemento coerente man mano che la piattaforma si evolve. - mx-auto #### Una definizione I colori vengono impostati una sola volta e applicati ovunque. #### Anteprima in tempo reale Visualizza il tuo sito web mentre lo modifichi. #### Forme delle schede Orientamento verticale o orizzontale per ogni superficie. Impostazione dell’immagine principale nella schermata iniziale dell’app mobile con opzioni in orientamento verticale e orizzontale accanto all’anteprima dell’app ### Formati delle schede (verticale e orizzontale) in base alla superficie Vodlix consente di impostare con cura le forme delle schede, poiché la forma di una scheda di contenuto influisce sulla navigazione tanto quanto il colore. Le schede in formato orizzontale sono ideali per la televisione, dove le righe scorrono orizzontalmente con il telecomando; quelle in formato verticale sono adatte ai telefoni, dove un poster risulta ben leggibile in una griglia verticale. È possibile impostare separatamente le forme predefinite delle schede e quelle delle schede in evidenza per ogni dispositivo, in modo che ogni schermo mostri i contenuti nel formato più adatto. Le scelte di layout diventano decisioni di branding piuttosto che casuali. Colori dell’app mobile con un colore personalizzato del marchio e l’anteprima sul telefono che mostra lo stesso colore del pulsante “Riproduci” prima del salvataggio ### Anteprima in tempo reale prima di salvare Vodlix mostra un'anteprima in tempo reale del tuo sito web mentre modifichi un tema. Le modifiche relative a colori, intestazione, piè di pagina e schede vengono visualizzate nella finestra di anteprima man mano che le apporti, così puoi vedere come apparirà la modifica agli utenti invece di doverlo immaginare. Le impostazioni dell’app mobile presentano una propria anteprima del layout per smartphone. I colori dell’app TV vengono impostati nello stesso editor ma non dispongono ancora di anteprima; ti consigliamo quindi di verificare le modifiche significative su un televisore di prova prima che raggiungano il salotto. Editor CSS personalizzato per il template Default v2 con un foglio di stile breve e un pulsante «Aggiorna» ### CSS personalizzato per uno styling avanzato Per i team che necessitano di più delle opzioni di controllo standard, Vodlix supporta l’uso di CSS personalizzati all’interno delle impostazioni del tema. La maggior parte degli operatori non ha mai bisogno di scrivere manualmente lo stile, poiché colori, layout e schede soddisfano le normali esigenze di branding. I pochi che necessitano di un controllo preciso sulla tipografia, sulla spaziatura o su un componente specifico possono aggiungere il proprio CSS senza modificare la piattaforma. Il CSS personalizzato è a disposizione quando serve e non interferisce quando non serve. **Q: Dove posso impostare i colori del marchio su Vodlix?** I colori del marchio vengono definiti una sola volta nelle impostazioni "Temi e Colori" di Vodlix e applicati automaticamente al sito web, alle app mobili e alle app TV, in modo che ogni interfaccia utilizzi la stessa tavolozza. **Q: È possibile visualizzare in anteprima le modifiche al tema prima di salvarle?** Sì. Vodlix mostra un’anteprima in tempo reale del tuo sito web mentre modifichi colori, intestazioni, piè di pagina e schede, mentre le impostazioni dell’app mobile mostrano una bozza del layout su smartphone. I colori dell’app TV non dispongono ancora di anteprima, quindi ti consigliamo di verificarli su un dispositivo di prova. **Q: È possibile utilizzare forme diverse per le schede a seconda dei dispositivi?** Sì. Vodlix consente di impostare separatamente il formato verticale o orizzontale delle schede per i contenuti predefiniti e in evidenza su ciascuna superficie, in modo che i poster siano adatti ai telefoni e le schede larghe alle televisioni. **Q: Perché è importante una definizione unitaria del marchio?** Una definizione unica elimina le discrepanze nell’immagine del marchio. Quando un colore è definito in un unico punto, le app non possono discostarsi dal sito web, così non si finisce mai per avere tre versioni leggermente diverse del rosso del proprio marchio. **Q: È possibile aggiungere uno stile personalizzato oltre ai controlli standard del tema?** Sì. Vodlix supporta l’uso di CSS personalizzati all’interno delle impostazioni del tema per i team che necessitano di un controllo preciso sulla tipografia, sulla spaziatura o su componenti specifici, senza dover modificare la piattaforma stessa. **Q: Cosa succede se il colore del mio marchio non risalta su uno sfondo scuro?** Si tratta di un aspetto comune, che vale la pena individuare prima del lancio piuttosto che dopo. Il test non consiste nel verificare se il tutto rispetta le linee guida del marchio alla luce del giorno, ma se qualcuno riesce a leggere un pulsante su uno schermo televisivo alle undici di sera. **Q: Posso scrivere il mio codice CSS?** Sì, per i casi in cui i controlli non sono sufficienti. La maggior parte dei servizi non ne ha mai bisogno, e quelli che ne hanno bisogno di solito lo fanno per qualcosa di specifico piuttosto che per modifiche su larga scala, quindi questa opzione esiste come soluzione alternativa piuttosto che come percorso principale. **Q: In che cosa si differenzia dai modelli personalizzati?** Un modello rappresenta la struttura e il layout, mentre i valori del marchio vengono applicati al suo interno. I modelli vengono modificati raramente, mentre i colori vengono aggiornati ogni volta che il marchio subisce cambiamenti: ecco perché sono volutamente separati.