Aparência da plataforma
Deixe a plataforma com a identidade visual da sua instituição. Você pode personalizar cores, logo, favicon e tema completo.Branding
Imagens
Faça upload das imagens da sua marca em Admin → Configurações → aba Personalização:| Imagem | Especificações | Onde aparece |
|---|---|---|
| Logo | PNG, até 200px de largura, max 2MB | Cabeçalho, emails, certificados |
| Favicon | PNG, 196x196px ideal, max 500KB | Aba do navegador |
| Background de login | PNG/JPEG, 1600x900px, max 5MB | Tela de login |
Cada imagem inclui preview antes de salvar. As imagens são armazenadas no Supabase Storage com cache de 1 hora.
Sistema de temas
A plataforma utiliza um sistema de temas baseado em CSS variables que controla cores, sombras, tipografia e espaçamentos.Configuração do tema
O tema é armazenado como JSON e inclui:- Preset - Tema base selecionado (ex: default, vercel)
- Cor primária (light) - Cor principal no modo claro
- Cor primária (dark) - Cor principal no modo escuro
- Variáveis CSS - Conjunto completo de tokens de design para cada modo
Variáveis disponíveis
O tema controla as seguintes variáveis:- Cores
- Sombras e tipografia
- Primary - Cor de destaque principal
- Secondary - Cor secundária
- Accent - Cor de acento
- Background - Cor de fundo
- Foreground - Cor de texto
- Card - Cor de fundo de cards
- Muted - Cor para elementos sutis
- Border - Cor de bordas
- Destructive - Cor para ações destrutivas
- Chart 1-5 - Cores para gráficos
Modo claro e escuro
Cada variável pode ter valores diferentes para modo claro e escuro. A plataforma respeita a preferência do sistema operacional do usuário.Domínio personalizado
Configure um domínio próprio para dar uma identidade profissional à sua plataforma.Como configurar
Registre seu domínio
Registre um domínio ou subdomínio (ex:
ead.suaempresa.com.br) no seu provedor de DNS.Valide
Clique em “Validar” para verificar a configuração. O sistema faz uma consulta DNS para confirmar o CNAME.
Remover domínio
Para remover o domínio personalizado, acesse as configurações e clique em “Remover domínio”. A plataforma voltará a usar o subdomínio padrão.Preview do tema
O painel de aparência inclui um preview completo que mostra como os componentes ficam com o tema selecionado:- Botões (primário, secundário, destrutivo)
- Badges e indicadores
- Inputs e formulários
- Cards e containers
- Barras de progresso
- Tooltips e menus
Próximos passos
Configurações gerais
Configure nome, email e senha padrão
Templates de email
Personalize os emails com sua marca