# Personalização de temas e cores da marca | Vodlix **Source:** https://vodlix.com/pt/features/themes-colors-changing **Summary:** Defina cores da marca, cabeçalho, rodapé e formato dos cartões uma vez para web, TV e celular, com pré-visualização ao vivo do seu site. **Publisher:** Vodlix --- Defina as cores da sua marca uma única vez e aplique-as na web, nos aplicativos de TV e no celular, com uma visualização em tempo real do seu site enquanto você trabalha. - **Feature Plan:** 2 - back-end - core-platform ## Temas e Cores: personalize sua plataforma de streaming uma vez e aplique em todos os lugares Cores, cabeçalho, rodapé, cartões e player configurados em um único lugar, com uma visualização em tempo real do seu site. Página inicial do serviço de streaming com o tema “Ocean” em um laptop e em um celular, ao lado das predefinições “Comece com um visual” do editor de Aparência Painel “Desktop” do editor de aparência com o tema “Ocean” selecionado e a visualização ao vivo do site nessa paleta ### Uma definição de marca, sem variações de cor Os temas e cores do Vodlix permitem que você defina a paleta da sua marca uma única vez e a aplique automaticamente em todo o site, nos aplicativos de TV e nos aplicativos móveis. A divergência de identidade visual ocorre quando uma cor é definida separadamente em vários lugares e, gradualmente, se desvia, resultando em três tons de vermelho ligeiramente diferentes em toda a sua plataforma. No Vodlix, as cores, o cabeçalho, o rodapé, os cartões e o estilo do player são configurados em um único lugar, de modo que os aplicativos não se desviam do site. Uma única definição mantém todas as interfaces consistentes à medida que a plataforma evolui. - mx-auto #### Uma definição As cores são definidas uma vez e aplicadas em todos os lugares. #### Pré-visualização em tempo real Veja seu site enquanto edita. #### Formatos dos cartões Retrato ou paisagem por superfície. Configuração do destaque na página inicial do aplicativo móvel, com opções de orientação retrato e paisagem ao lado da pré-visualização do aplicativo ### Formatos de cartões na orientação retrato e paisagem, por dispositivo O Vodlix permite que você defina os formatos dos cartões de forma deliberada, pois o formato de um cartão de conteúdo influencia a navegação tanto quanto a cor. Os cartões na orientação paisagem são adequados para a televisão, onde as linhas rolam horizontalmente com o controle remoto; os cartões na orientação retrato são adequados para celulares, onde um pôster fica bem visível em uma grade vertical. Você pode definir formatos padrão de cartões e formatos de cartões em destaque separadamente para cada dispositivo, para que cada tela exiba o conteúdo no formato mais adequado para ela. As escolhas de layout passam a ser decisões de marca, e não meros acasos. Cores do aplicativo móvel com uma cor personalizada da marca e a visualização no celular mostrando a mesma cor do botão “Reproduzir” antes de salvar ### Pré-visualização ao vivo antes de salvar O Vodlix exibe uma pré-visualização em tempo real do seu site real enquanto você ajusta um tema. As alterações nas cores, no cabeçalho, no rodapé e nos cartões são renderizadas na janela de pré-visualização à medida que você as faz, para que você veja como a mudança fica para os espectadores, em vez de ficar adivinhando. As configurações do aplicativo móvel vêm com uma pré-visualização do layout do celular. As cores do aplicativo para TV são definidas no mesmo editor, mas ainda não têm pré-visualização; portanto, verifique qualquer alteração significativa em uma TV de teste antes que ela chegue à sala de estar. Editor de CSS personalizado para o modelo Default v2, com uma folha de estilo curta e um botão “Atualizar” ### CSS personalizado para estilo avançado Para equipes que precisam de mais do que os controles padrão, o Vodlix oferece suporte a CSS personalizado nas configurações de tema. A maioria das operadoras nunca precisa escrever estilos manualmente, pois as cores, o layout e os cartões atendem aos requisitos habituais de identidade visual. As poucas que precisam de controle preciso sobre tipografia, espaçamento ou um componente específico podem adicionar seu próprio CSS sem modificar a plataforma. O CSS personalizado está disponível quando necessário e fica em segundo plano quando não é. **Q: Onde defino as cores da marca no Vodlix?** As cores da marca são definidas uma única vez nas configurações de “Temas e Cores” do Vodlix e aplicadas automaticamente em todo o seu site, aplicativos móveis e aplicativos de TV, para que todas as interfaces utilizem a mesma paleta. **Q: Posso visualizar as alterações no tema antes de salvar?** Sim. O Vodlix mostra uma visualização em tempo real do seu site à medida que você ajusta cores, cabeçalhos, rodapés e cartões, e as configurações do aplicativo móvel exibem um esboço do layout no celular. As cores do aplicativo para TV ainda não têm visualização, portanto, verifique-as em um dispositivo de teste. **Q: Posso usar formatos diferentes de cartões em dispositivos diferentes?** Sim. O Vodlix permite definir separadamente os formatos de cartão (retrato ou paisagem) para o conteúdo padrão e em destaque em cada dispositivo, de modo que os pôsteres se adaptem aos celulares e os cartões largos se adaptem às televisões. **Q: Por que uma definição única da marca é importante?** Uma única definição elimina o desvio da identidade visual. Quando uma cor é definida em um único lugar, os aplicativos não podem divergir do site, de modo que você nunca acaba tendo três versões ligeiramente diferentes do vermelho da sua marca. **Q: Posso adicionar estilos personalizados além dos controles padrão do tema?** Sim. O Vodlix oferece suporte a CSS personalizado nas configurações de tema para equipes que precisam de controle preciso sobre tipografia, espaçamento ou componentes específicos, sem modificar a própria plataforma. **Q: E se a cor da minha marca não ficar bem em um fundo escuro?** Isso é comum e vale a pena verificar antes do lançamento, e não depois. O teste não é verificar se está de acordo com as diretrizes da sua marca à luz do dia, mas sim se alguém consegue ler um botão na televisão às onze da noite. **Q: Posso escrever meu próprio CSS?** Sim, para os casos em que os controles não são suficientes. A maioria dos serviços nunca precisa disso, e aqueles que precisam geralmente o fazem para algo específico, e não para alterações em massa; portanto, essa opção existe como uma alternativa, e não como o caminho principal. **Q: Em que isso difere dos modelos personalizados?** Um modelo é a estrutura e o layout; estes são os valores da marca aplicados a ele. Você alteraria um modelo raramente e as cores sempre que sua identidade visual fosse atualizada, e é por isso que eles são deliberadamente separados.