A tela de Aparência é onde você vestir o portal com a sua marca — logo, cor principal, tema claro ou escuro, favicon, background da tela de login. Tudo pensado pra que seus alunos vejam a identidade do seu clube, não a da Weve.
O que dá pra personalizar
Logo (versão pra fundo claro e versão pra fundo escuro).
Favicon (ícone que aparece na aba do navegador).
Cor primária (15 opções de paleta).
Tema (claro ou escuro como padrão).
Background da tela de login.
Permissão pro aluno trocar o tema.
Logo
Logo padrão
A logo principal do seu clube. Aparece no cabeçalho do portal, em e-mails transacionais, em PDFs de certificado, etc.
Recomendação: use PNG com fundo transparente, dimensões proporcionais a 200×60px (ou maior em escala). Evite logos quadradas grandes — ficam estranhas no cabeçalho.
Logo pra dark mode
Versão alternativa que aparece quando o aluno está usando o tema escuro. Sua logo principal pode ter cor escura que some no fundo preto — então a versão "dark" geralmente é a mesma logo em cor clara.
Se você não subir uma versão dark, a logo padrão é usada nos dois temas (e pode ficar invisível no escuro).
Favicon
O ícone pequenininho que aparece na aba do navegador, nos favoritos do aluno, na tela inicial do celular se ele salvar como atalho.
Recomendação: imagem quadrada, idealmente 512×512px, formato PNG. O navegador redimensiona automaticamente. Use a versão minimalista da sua marca (símbolo, não logo completa).
Background da tela de login
Imagem que aparece atrás da caixa de login, quando o aluno está entrando no portal. Personalização que dá clima de "marca premium" desde o primeiro contato.
Recomendação: imagem em alta resolução (1920×1080 ou maior), formato JPG ou WebP, com pouco texto (o overlay do login pode atrapalhar a leitura).
Cor primária
A cor da sua marca aplicada em vários elementos do portal — botões principais, links, indicadores de progresso, ícones ativos.
A Weve oferece 15 paletas pré-definidas:
Vermelho, Rosa, Laranja, Pink, Fúcsia
Roxo, Violeta, Índigo, Céu, Ciano
Esmeralda, Verde, Limão, Amarelo, Amber
As paletas são pré-otimizadas pra contraste e acessibilidade — cada cor já tem variações automáticas (mais clara, mais escura) que funcionam bem em diferentes contextos. Você não precisa se preocupar em ajustar tons.
Tema padrão
Claro (light)
Fundo branco, texto escuro. Aparência clean, limpa, mais "profissional/corporativo".
Escuro (dark)
Fundo escuro, texto claro. Aparência moderna, melhor pra consumo de vídeo (menos cansativo à noite), bom pra clubes mais "tech".
Aluno pode trocar o tema?
Você decide se o aluno tem ou não opção de trocar o tema dentro do perfil dele:
Permitido
O aluno escolhe o que prefere. Default é o tema que você definiu, mas ele pode mudar pra o outro a qualquer momento. Útil pra acessibilidade e preferência pessoal.
Não permitido
O tema fica travado no que você escolheu. Garante que todos os alunos veem a marca exatamente como você imaginou — sem variações.
Configurando aparência
Acesse Configurações → Portal → Aparência.
Faça upload das mídias (logo, favicon, etc.) ou selecione da biblioteca.
Escolha a cor primária.
Defina o tema padrão.
Marque se aluno pode trocar tema.
Salve.
As mudanças são aplicadas imediatamente — alunos veem a nova aparência no próximo carregamento.
Como aparece
Logo no cabeçalho
Aparece no canto superior esquerdo do portal, em todas as páginas. Trocar a logo aqui troca em todo lugar.
Favicon na aba
Aparece na aba do navegador junto com o título da página. Reforça identidade visual mesmo quando o aluno tem várias abas abertas.
Cor primária nos botões
Todo botão principal (Comprar, Continuar, Salvar) usa a cor escolhida. Links e ícones ativos também.
Tema em todo o portal
Se você definiu escuro, todas as páginas ficam escuras (com a logo dark, se você subiu). Se claro, vice-versa.
Boas práticas
Suba ambas as versões da logo. Mesmo se você só usa um tema agora, garante que vai funcionar bonito caso ative o outro.
Cor primária consistente com a marca. Use a mesma cor que está no seu site, materiais e comunicação. Coerência cria confiança.
Favicon importa. Aluno que adiciona o portal aos favoritos encontra mais fácil quando o ícone é distintivo.
Background do login com pouca informação. A caixa de login fica em cima — texto ou rosto na imagem pode ficar tampado.
Teste antes de divulgar. Abra o portal como aluno (modo "ver como aluno") em mobile e desktop, claro e escuro, antes de cair na mão dos alunos.
Permita troca de tema se sua audiência for variada. Pra clubes com público heterogêneo, dar essa flexibilidade aumenta satisfação.
Cor neutra pra clubes mais formais. Índigo, sky e teal passam profissionalismo. Vermelho, rosa, fúcsia são mais "vibrantes" — bom pra fitness, lifestyle, criativo.
Perguntas frequentes
Posso usar minha cor exata da marca (hex específico)?
Hoje as cores são escolhidas das 15 paletas pré-definidas. Pra cor 100% custom (hex específico), considere a cor mais próxima da paleta. Cor totalmente livre está no roadmap.
Existe limite de tamanho pra logo e favicon?
Segue o limite geral da Biblioteca de Mídia (1 GB por arquivo). Mas favicons pesados são desnecessários — 50-200 KB é suficiente.
Posso ter logos diferentes pra cursos diferentes?
Hoje a logo é única por organização. Pra customização por curso, considere usar capas distintas em cada coleção.
O que acontece se eu não subir logo?
O nome da sua organização aparece como texto no cabeçalho. Funciona, mas perde impacto visual.
O tema pode mudar automaticamente conforme horário (dia/noite)?
Hoje não há detecção automática. Se você ativar "permitir troca", o aluno escolhe manualmente.
Cor primária aparece em e-mails também?
Em e-mails transacionais (boas-vindas, reset de senha), a cor primária é usada nos botões. Em campanhas customizadas, depende do que você escreveu no template.
Posso ter aparência diferente por subdomínio?
Não — a aparência é por organização inteira, vale pra qualquer subdomínio/domínio dela.
Posso fazer testes A/B de cor?
Hoje não há A/B teste nativo de aparência. Pra experimentar, mude a cor por uma semana e veja se as métricas reagem.
Mudanças refletem no app mobile também?
Sim. Logo, cor e tema valem pro web e pro app mobile (se sua organização tiver app PWA configurado).
O aluno consegue ver como ficaria em outro tema antes de trocar?
Não. Se ele tem permissão de troca, é troca direta — sem preview.