Aparencia da plataforma
Deixe a plataforma com a identidade visual da sua instituicao. Voce pode personalizar cores, logo, favicon e tema completo.Branding
Imagens
Faca upload das imagens da sua marca em Admin → Configuracoes → aba Personalizacao:| Imagem | Especificacoes | Onde aparece |
|---|---|---|
| Logo | PNG, ate 200px de largura, max 2MB | Cabecalho, 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 sao 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 espacamentos.Configuracao do tema
O tema e armazenado como JSON e inclui:- Preset - Tema base selecionado (ex: default, vercel)
- Cor primaria (light) - Cor principal no modo claro
- Cor primaria (dark) - Cor principal no modo escuro
- Variaveis CSS - Conjunto completo de tokens de design para cada modo
Variaveis disponiveis
O tema controla as seguintes variaveis:- Cores
- Sombras e tipografia
- Primary - Cor de destaque principal
- Secondary - Cor secundaria
- 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 acoes destrutivas
- Chart 1-5 - Cores para graficos
Modo claro e escuro
Cada variavel pode ter valores diferentes para modo claro e escuro. A plataforma respeita a preferencia do sistema operacional do usuario.Dominio personalizado
Configure um dominio proprio para dar uma identidade profissional a sua plataforma.Como configurar
Registre seu dominio
Registre um dominio ou subdominio (ex:
ead.suaempresa.com.br) no seu provedor de DNS.Valide
Clique em “Validar” para verificar a configuracao. O sistema faz uma consulta DNS para confirmar o CNAME.
Remover dominio
Para remover o dominio personalizado, acesse as configuracoes e clique em “Remover dominio”. A plataforma voltara a usar o subdominio padrao.Preview do tema
O painel de aparencia inclui um preview completo que mostra como os componentes ficam com o tema selecionado:- Botoes (primario, secundario, destrutivo)
- Badges e indicadores
- Inputs e formularios
- Cards e containers
- Barras de progresso
- Tooltips e menus
Proximos passos
Configuracoes gerais
Configure nome, email e senha padrao
Templates de email
Personalize os emails com sua marca