ads

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.

Crie Sua Conta Gratuita Veja Nossos Preços
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.


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.

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.


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

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.


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

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 é.


Editor de CSS personalizado para o modelo Default v2, com uma folha de estilo curta e um botão “Atualizar”

Perguntas Frequentes

Tem dúvidas sobre como aproveitar esta oferta por tempo limitado? Consulte as Perguntas Frequentes para obter respostas.

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.
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.
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.
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.
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.
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.
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.
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.