Identidade visual e templates da página do aluno

Sua identidade visual faz a página do aluno parecer sua, não uma genérica. Abra Configurações → Identidade para os assets, depois Construtor → Tema para fontes, cores e templates de layout.

Assets de identidade

| Asset | Onde aparece | |------|--------------| | Logo | Sidebar do painel, cabeçalho da página pública, telas de login | | Favicon | Aba do navegador em todas as páginas | | Imagem OG | Pré-visualizações em redes sociais (Facebook, X, LinkedIn) |

Suba os três como PNG ou JPG. Logos quadrados ficam melhores em espaços apertados como a sidebar.

Tema

No painel Tema do construtor:

• Cor primária — botões, links, destaques
• Cor de fundo — superfície da página
• Fonte — escolha da lista curada (carregada via Google Fonts em runtime, só na página do aluno)
• Formato de botão — arredondado, pílula, quadrado
• Largura máxima — estreita, padrão, larga

O tema só vale na página do aluno (escopo .student-page). O painel sempre usa o design system do ClassKeep.

Templates da agenda

Escolha como o bloco Agenda renderiza para os alunos:

• Lista — lista vertical (padrão; ótima no mobile)
• Calendário semanal — grade da semana com sessões nos slots
• Tira de dias — tira horizontal de dias para deslizar
• Grade de cards — layout visualmente rico
• Mínimo — lista compacta com nome + horário

Templates ficam nas configurações do bloco ou no painel Tema (estúdio inteiro).

CSS personalizado

Para estúdios avançados, o bloco CSS personalizado permite adicionar CSS escopado dentro de .student-page. Use para detalhes finos que o painel Tema não expõe.

Pré-visualizar

Abra o link Página do aluno na barra superior. A prévia sempre mostra a última publicada; para ver rascunhos não publicados, anexe ?ckPagePreview=1 à URL enquanto estiver logado como admin.

Relacionados

• Construtor de página
• Configurações do estúdio