Personalizando a PWA do seu aluno
No plano Studio, o app do aluno usa a Cor da marca que você escolher na paleta de 15 cores e o seu logotipo em PNG. Veja o passo a passo, o que muda para o aluno, o que acontece fora do Studio e os problemas comuns.
A personalização afeta tudo o que o aluno vê dentro da PWA: a fina linha de destaque acima do header, os botões principais (incluindo o "Finalizar treino"), o ícone marcado de hábitos cumpridos, o item ativo da bottom nav e o ícone do app instalado no celular. Você escolhe uma das 15 cores curadas e faz upload de um PNG — sem digitar hex e sem se preocupar com contraste.
Escolhendo cor e logotipo
Vá em /settings → cartão "Aparência"
O cartão fica abaixo do "Uso de IA". Tem helper text explicando "Estas cores e logo aparecem no app do seu aluno (botões, navegação, hábitos, chat) e no ícone instalado no celular".
Escolha uma cor da paleta de 15
A grade tem 3 linhas × 5 colunas com cores pré-validadas (verde Treinei, verde escuro, verde claro, azul, roxo, magenta, rosa, vermelho, laranja, amarelo, cinza, etc.). Todas têm contraste WCAG AA garantido contra branco — não tem como escolher uma cor ilegível.
Faça upload do logo (opcional)
PNG, até 500KB, idealmente com fundo transparente. Aparece na tela de login e no topo do Perfil do app do aluno; se não enviar, essas telas seguem sem logo. O ícone do app instalado no celular não usa o seu logo.
Confira na prévia do app do aluno
A prévia em forma de celular mostra exatamente como o aluno vai ver: linha colorida no topo, accordion de treinos com o card aberto contornado pela cor da marca + botão "Finalizar treino" colorido no fim da lista de exercícios, hábito marcado com check colorido na aba "Hoje", e o item ativo da bottom nav (incluindo o "Hoje") tintado.
Clique em "Salvar alterações"
O sistema confirma com "Marca atualizada". Os alunos veem a mudança no próximo login (ou quando abrirem o app instalado).
Trocando ou removendo o logotipo
Para trocar o logotipo, clique em "Escolher arquivo" de novo e selecione outro PNG — a prévia mostra o novo logo na hora, mas nada vale para os alunos até você clicar em "Salvar alterações". Para tirar o logo, clique em "Remover" (o botão só aparece quando há um logo) e salve; as telas de login e de Perfil do aluno voltam a ficar sem logo. A cor da marca segue o mesmo caminho: escolher outra cor na grade muda a prévia, e só o salvamento aplica a mudança para os alunos.
Quem vê o quê, por plano
- Studio (e Personalizado, que herda os recursos do Studio): o cartão Aparência traz a grade de cores, o upload de logotipo e a prévia.
- Free e Pro: o cartão Aparência mostra apenas o convite "Personalize o app do seu aluno", e o app do aluno usa o verde padrão do Treinei, sem logo.
- Se a conta sair do Studio depois de personalizar, a cor e o logo escolhidos ficam guardados, mas os alunos passam a ver o verde padrão e nenhum logo. Ao voltar para o Studio, a personalização volta a valer sem precisar refazer.
O que muda no navegador e na tela inicial
Além das telas do app, a Cor da marca tinge a barra de endereço do navegador no celular, o favicon e o ícone que o iPhone usa ao adicionar o app à Tela de Início. Esses ícones usam a cor da marca, não o seu logotipo, e, no Android, o fundo da tela de abertura usa um tom escuro da cor da marca (o azul-noite do Treinei é só o padrão sem personalização); no iPhone a tela de abertura é fixa. Quem já instalou o app pode levar algum tempo para ver a cor nova.
Problemas comuns
Por que aparece "Logo deve ser PNG." ou "Logo deve ter no máximo 500KB." ao escolher o arquivo?
O Treinei aceita só arquivos PNG de até 500 KB. Exporte o logo como PNG (de preferência com fundo transparente) e reduza as dimensões ou a compressão até ficar abaixo do limite. JPG e SVG não são aceitos.
Por que o botão "Salvar alterações" está desabilitado?
Ele só fica ativo quando há uma cor da paleta selecionada. Escolha uma das 15 cores da grade.
Salvei, mas o aluno ainda vê a cor antiga. O que fazer?
O app do aluno carrega a marca ao abrir e a atualiza depois, em segundo plano. Peça para ele fechar e abrir o app de novo. Se a sua conta não estiver no plano Studio, o app do aluno mostra o verde padrão mesmo com a cor salva.
Posso usar uma cor que não está na paleta, como o hex da minha marca?
Não. A personalização é limitada às 15 cores da grade, todas escolhidas para manter o texto legível sobre elas. Escolha a mais próxima da identidade do seu estúdio.
Os alunos veem o meu nome ou o do estúdio no app?
O nome do app instalado é o nome do estúdio definido no cadastro inicial e não muda pela Aparência. O que você controla aqui é a cor da marca e o logotipo.
Recursos relacionados
Esse artigo foi útil?
Artigos relacionados
Escolhendo a cor de destaque da bio link
A cor de destaque pinta os detalhes da sua página pública: borda dos depoimentos, preços dos serviços, link para o Instagram. É independente da Cor da marca (Studio).
Notificações push do aluno: como funcionam
Quais avisos o aluno recebe no celular, como ativar no Android e no iPhone (iOS 16.4 ou mais novo), por que um push não chega e o que depende do plano.
Adicionando treinadores ao seu estúdio
No plano Studio você pode ter até 5 treinadores na mesma conta. Cada um vê os alunos atribuídos a ele e os que estão sem responsável; você (Owner) vê tudo e mantém o financeiro.