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:

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.

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.

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!