Pular para o conteúdo principal

Personalizando a PWA do seu aluno

3 min de leituraAtualizado em 9 de maio de 2026Plano Studio

No plano Studio, o app do aluno usa a Cor da marca da sua escolha + seu logotipo. Paleta curada de 15 cores pré-validadas; sem precisar mexer com hex ou contraste.

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.

O painel Aparência fica em /settings, abaixo do card "Uso de IA".

  1. 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".

  2. 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.

  3. Faça upload do logo (opcional)

    PNG, até 500KB, idealmente com fundo transparente. Aparece no cabeçalho do app do aluno; se não enviar, mostra a inicial do nome do estúdio em círculo da cor escolhida.

  4. 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.

  5. 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).

Esse artigo foi útil?

Artigos relacionados