Manual de identidade visual
Assets
Os componentes que montam qualquer tela da Delta Academy. Raio, altura e espaçamento são fixos. Um componente que não está aqui precisa de aprovação antes de existir.
Baixar os assets
Arquivos oficiais da marca em SVG e PNG, em todas as cores da marca. Não recriar, não editar: sempre partir destes arquivos.
Pacote completo com as quatro versões do logotipo, em todas as cores da marca, em SVG e PNG, organizadas em pastas por logo.
Baixar todos (.zip)
Botões
Altura de 44px, raio total de 999px, rótulo em 13px semibold com tracking de 0.02em. Um botão primário por bloco.
Sobre fundo claro
Sobre fundo escuro
| Variante | Fundo | Texto | Borda | Uso |
|---|---|---|---|---|
| Primário claro | Verde escuro | Cream | Nenhuma | Ação principal em página clara |
| Primário escuro | Verde claro | Verde escuro | Nenhuma | Ação principal em hero |
| Secundário | Transparente | Cor do fundo oposto | 1,5px a 25% | Ação alternativa |
| Terciário | Transparente | 70% de opacidade | Nenhuma | Ação de baixo peso |
| Desabilitado | 15% de opacidade | 40% de opacidade | Nenhuma | Estado inativo |
Campos de formulário
Altura de 48px, raio de 12px, rótulo acima em 13px. Foco marcado por borda oliva e anel de 3px a 15%. Erro nunca em vermelho puro.
Informe um e-mail corporativo válido.
Regras
- Rótulo sempre visível acima do campo. Placeholder não substitui rótulo.
- Placeholder em verde escuro a 35%, nunca em cinza neutro.
- Erro descrito em texto abaixo do campo, sem cor vermelha.
- Campos empilhados com 20px entre si.
- Largura máxima de 480px em formulário de coluna única.
Tags e cards
Tags
Tag é rótulo de estado, não botão. Raio total, texto de 12px, ponto de estado de 6px à esquerda.
Card
Cascata de IA
Da diretoria ao time de operação, com governança e trilha de decisão.
Raio de 8px, borda de 1px a 12%, padding interno de 24px. Sem sombra. Elevação se resolve por borda e fundo, nunca por blur.
Raios de canto
8px
Card, imagem, tabela
12px
Campo, select, textarea
20px
Painel, hero, modal
999px
Botão, tag, avatar
Quatro raios, sem valores intermediários. Nada de 4px, 6px ou 16px.
Espaçamento
Escala de base 4. Use apenas estes passos em qualquer margem, padding ou gap.
Padrão geométrico
Malha de pontos de 24px com ponto de 1,6px. Só em hero, capa e divisor.