Neste guia, vamos abordar com mais detalhamento as instruções de preenchimento do formulário e o visual final do ambiente whitelabel.
Use o guia abaixo para encontrar a informação que precisa diretamente:
URL Personalizada
Disponibilizaremos para você, todos os recursos nativos da Plataforma Keep.i, em um ambiente exclusivo e URL personalizada, conferindo uma maior percepção de valor da marca e inovação da empresa.
Todas as URLs compartilhadas ou links seguirão o mesmo padrão, por exemplo:
Link do Dashboard:
Link de compartilhamento:
Convite para acessar a conta:
Logo para área de login na plataforma
A primeira tela que voce e seus clientes irão acessar na plataforma é a área de Login, onde é possível preencher o email e senha de usuário. Abaixo temos a tela de login da Keepi com nosso logo;
Voce deve nos enviar uma imagem que possa ser aplicada na cor de fundo #FAFAFA (quase branco), com as seguintes especificações:
Máximo de 200px de largura
Máximo 70px de altura
Formato .png (pode conter fundo transparente)
Orientação: Horizontal
Logo para o menu esquerdo
Após acessar a plataforma com login e senha, a primeira tela que o usuário irá visualizar, será a área de Dashboards da conta. Não somente nesta, mas em todas as áreas de plataforma, você terá a sua disposição o menu lateral esquerdo, para navegar entre as principais áreas da plataforma.
O menu lateral esquero possui três formas de visualização, sendo elas "Expandido", "Recolhido" e "Invisivel". Excluindo a forma "invisivel" onde o menu fica 100% escondido, as outras duas formas apresentam a marca da Keepi, em estilos diferentes:
Menu expandido
Nessa forma, a marca da Keepi segue a orientação horizontal, ocupando mais espaço no menu e reforçando o nome da marca.
Voce deve nos enviar uma imagem que possa ser aplicada na cor de fundo #FAFAFA (quase branco), com as seguintes especificações:
Máximo de 120px de largura
Máximo 35px de altura
Formato .png (pode conter fundo transparente)
Orientação: Horizontal
Voce também deve nos enviar uma imagem para a mesma posição, porém com aplicação para a cor de fundo #292929 (quase preto).
Menu recolhido
Já nesta outra forma, a marca da Keepi está no estilo de ícone, ocupando menos espaço no menu e reforçando o ícone da marca:
Voce deve nos enviar uma imagem que possa ser aplicada na cor de fundo #FAFAFA (quase branco), com as seguintes especificações:
Máximo de 70px de largura
Máximo 35px de altura
Formato .png (pode conter fundo transparente)
Orientação: Quadrado
Voce também deve nos enviar uma imagem para a mesma posição, porém com aplicação para a cor de fundo #292929 (quase preto).
Logo para a aba do navegador (Favicon)
A última etapa do formulário fala sobre o Favicon que fica na aba do navagedor enquanto está com a página da plataforma aberta. Voce pode ver que nós utilizamos o ícone da marca "Keepi" como nosso favicon, aqui recomendamos que você também utilize o ícone da sua marca.
Neste caso, não há como prevermos o visual do navegador do usuário, sendo assim, não se preocupe se o ícone for ideal para fundo claro ou escuro. Voce deve nos enviar uma imagem que possa ser aplicada , com as seguintes especificações:
Máximo de 20px de largura
Máximo 20px de altura
Formato .ico (Caso não saiba gerar esse formato, use esse site para faze a transformação https://www.favicon-generator.org/)
Orientação: Quadrada
Pronto! Agora você já tem todas as informações detalhadas sobre o ambiente whitelabel e também viu os exemplos de como iremos aplicar sua marca na plataforma.
Qualquer dúvida, entre em contato conosco!