Guia de Aparência da Plataforma

Configure a identidade da sua plataforma e valorize sua marca
Escrito por Equipe Ensinio
Atualizado 5 meses atrás

Neste artigo, nós explicamos como você pode configurar sua plataforma para deixá-la à cara da sua marca! Veja abaixo algumas das principais configurações de aparência que oferecemos.


Página inicial

Você pode configurar qual será a página inicial da sua plataforma através da Área administrativa v1.0. Neste momento, estamos em um momento de transição entre as ferramentas das duas versões.

Para habilitar a página inicial no estilo Netflix para a experiência v2.0, siga os seguintes passos:

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Configurações
  3. Procure a seção Configurações Gerais
  4. Na configuração Página inicial, selecione a opção Billboard
  5. Clique em Salvar no final da página


Modo escuro vs. Modo claro

Nós temos pleno suporte aos modos claro e escuro na plataforma. Para configurá-los, siga os passos abaixo:

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Modo escuro
  4. Na configuração Opções de modo de cor, selecione a opção desejada
  5. Clique em Salvar no final da página

As opções disponíveis são:

  • Apenas modo claro — Todos os usuários navegarão pela plataforma no modo claro. Não há opção de alternar entre os modos.
  • Modo claro e modo escuro — Nesta configuração, o modo claro é o padrão e, individualmente, cada usuário pode alternar entre os modos.
  • Apenas modo escuro — Todos os usuários navegarão pela plataforma no modo escuro. Não há opção de alternar entre os modos.

Para emular uma experiência fidedigna às plataformas de streaming OTT, recomendamos a utilização da opção Apenas modo escuro, nesses casos.


Logotipo

O logotipo de sua plataforma é configurado pela Área administrativa v1.0. Existem duas versões desse logotipo que precisam ser configurados a depender do modo de cores selecionado acima. Confira as dimensões recomendadas para ambos os modos:

Dimensões recomendadas 280x38
Proporção / aspect ratio 16:2

Logotipo no modo claro

No modo claro, você pode seguir as configurações de Design Principal. Para configurar o design principal, siga os seguintes passos:

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Principal
  4. Na configuração Logotipo, selecione e recorte a imagem desejada
  5. Clique em Salvar no final da página

Caso queira utilizar uma imagem diferente do Logotipo Principal na Barra do topo, basta seguir os seguintes passos:

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Barra do topo
  4. Na configuração Logotipo para barra do topo, selecione a opção Utilizar imagem personalizada
  5. Selecione e recorte a imagem desejada
  6. Clique em Salvar no final da página

Logotipo no modo escuro

No modo escuro, você pode configurar apenas a imagem exibida na Barra do topo. Para fazer esta configuração, siga os seguintes passos:

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Modo escuro
  4. Na configuração Logotipo no modo escuro, selecione e recorte a imagem desejada
  5. Clique em Salvar no final da página


Símbolo da Marca

O símbolo da marca (ou isotipo) é o ícone que representa sua logomarca. Ele necessariamente é uma versão resumida da sua logomarca, caso você tenha um ícone. Imagine a maçã da Apple, por exemplo. Enquanto a maçã + o nome "Apple" seja o logotipo, a maçã sozinha seria o isotipo: o ícone que representa a marca.

Dimensões recomendadas 60x60
Proporção / aspect ratio 1:1

Modo claro

Assim como o Logotipo, o Símbolo da Marca também possui uma versão para modo claro e outra para o modo escuro. Para configurar o Símbolo da Marca principal, siga os passos abaixo:

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Principal
  4. Na configuração Símbolo da Marca, selecione e recorte a imagem desejada
  5. Clique em Salvar no final da página

Caso queira utilizar um Símbolo da Marca diferente na Barra do topo, siga os passos a seguir:

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Barra do topo
  4. Na configuração Símbolo da marca, selecione a opção Utilizar imagem personalizada
  5. Selecione e recorte a imagem desejada
  6. Clique em Salvar no final da página

Modo escuro

Para configurar uma versão do Símbolo da Marca para o modo escura, siga os passos abaixo. Note que o Símbolo da Marca no modo claro e modo escuro possuem as mesmas dimensões e proporções.

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Modo escuro
  4. Na configuração Símbolo da marca no modo escuro, selecione e recorte a imagem desejada
  5. Clique em Salvar no final da página


Favicon

O favicon é o ícone que aparece na guia do navegador do usuário enquanto ele navega pela sua plataforma. Esta imagem é a mesma independente do modo de cores, uma vez que ele é exibido na bandeja de guias do navegador apenas.

Dimensões recomendadas 60x60
Proporção / aspect ratio 1:1

Para configurar o favicon da sua plataforma, siga os passos abaixo:

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Outros
  4. Na configuração Favicon, selecione a opção desejada
  5. Selecione e recorte a imagem, se necessário
  6. Clique em Salvar no final da página

Caso queira utilizar uma imagem diferente do símbolo da marca, você pode escolher a opção Utilizar imagem personalizada.


Cores

Há configurações de cores para ambos o modo claro e modo escuro. Siga abaixo as instruções para ajustar cada uma delas de acordo com suas preferências.

Cores do modo claro

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Principal
  4. Na configuração Cor principal para modo claro, selecione a cor desejada
  5. Na configuração Cor textual para modo claro, selecione a cor desejada
  6. Clique em Salvar no final da página

É importante que a Cor Principal e a Cor Textual tenham contraste. Sempre que utilizarmos a Cor Principal como cor de fundo, a Cor textual será utilizada nos elementos por cima do fundo.

Cores do modo escuro

  1. Acesse a Área administrativa v1.0
  2. No menu lateral, vá em Design
  3. Vá até a guia Modo escuro
  4. Na configuração Cor principal para modo escuro, selecione a cor desejada
  5. Na configuração Cor textual para modo escuro, selecione a cor desejada
  6. Clique em Salvar no final da página

É importante que a Cor Principal e a Cor Textual tenham contraste. Sempre que utilizarmos a Cor Principal como cor de fundo, a Cor textual será utilizada nos elementos por cima do fundo.


Tudo certo! Você configurou a identidade da sua plataforma. Explore todas as opções disponíveis para descobrir as possibilidades de configuração de aparência. Quaisquer dúvidas, fique a vontade para entrar em contato com nossa equipe!

Esse artigo foi útil?