Manual de identidade visual

Site

Referências de aplicação. Não são páginas de produto, são o padrão que qualquer tela nova precisa seguir.

Home · hero
Hero em verde escuro com padrão de pontos a 16%, título em Eurostile sentence case e um único botão primário em verde claro.
Programas · listagem

Programas

Ativo

Cascata de IA

Trilha de 8 semanas com diagnóstico, piloto e revisão de governança.

Ativo

Board de IA

Trilha de 8 semanas com diagnóstico, piloto e revisão de governança.

Em desenho

Operação assistida

Trilha de 8 semanas com diagnóstico, piloto e revisão de governança.

Fundo cream, cards com raio de 8px e borda de 12%, tag de estado no topo. Sem sombra.
Login
Delta Academy

Entrar na plataforma

Entrar
Tela isolada, sem navegação. Card em cream sobre verde escuro, campos com raio de 12px e um único botão primário.
Painel interno

Visão geral

128

Executivos ativos

12

Turmas em curso

94%

Conclusão

Barra lateral em verde escuro, conteúdo em cream, números grandes em Eurostile Medium. Uma cor de destaque por tela.

O que toda tela precisa respeitar

  • Um único botão primário por tela.
  • Uma aplicação de padrão geométrico por tela, sempre em hero ou capa.
  • Título em sentence case, corpo com no máximo 60 caracteres por linha.
  • Verde claro só aparece sobre verde escuro.
  • Nenhuma sombra. Separação por borda, fundo e espaço.
  • Espaçamento vertical entre blocos: 64px em desktop, 48px em mobile.