==================================================
25. TEMA E IDENTIDADE VISUAL
O site deve seguir a identidade visual da Escola Estadual Professor Maria da Graça de Nogueira.
A identidade visual principal deve ser:
- Fundo branco
- Azul como cor principal
- Detalhes em branco
- Aparência limpa e moderna
O objetivo é transmitir a sensação de um sistema escolar institucional, simples, elegante e fácil de usar.
==================================================
26. PALETA DE CORES
Usar aproximadamente:
Cor principal:
Azul institucional
Exemplos:
#1565C0
#1976D2
#1E88E5
Cor secundária:
Branco
Cor de apoio:
Cinza claro
Exemplo:
#F5F7FA
Status:
🟢 Em aula agora → Verde
⚪ Sem aula → Cinza
➡️ Próxima aula → Azul
==================================================
27. APLICAÇÃO DAS CORES
Tela inicial:
- Fundo branco
- Título "Consulta de Professores" em azul
- Nome "Maria da Graça" abaixo do título em azul mais suave
- Botão "Entrar" azul com texto branco
- Crédito:
Diego
@DiegoLoveJJ
No canto inferior da tela, pequeno e discreto.
==================================================
28. TELA PRINCIPAL
- Fundo branco
- Cabeçalho azul
- Barra de pesquisa branca com borda azul
- Ícones azuis
- Botões azuis
- Cards brancos com bordas suaves azuis
Exemplo de card:
━━━━━━━━━━━━━━━━
Professor Rafael
📚 Português
🏫 1º Ano 4
🚪 Sala 12
⏰ 13:00–13:50
🟢 Em aula agora
━━━━━━━━━━━━━━━━
==================================================
29. ESTILO DOS CARDS
Os cards devem ter:
- Fundo branco
- Bordas arredondadas
- Sombra leve
- Pequenos detalhes em azul
- Boa leitura no celular
Não usar:
- Fundo preto
- Tema escuro
- Neon
- Muitas cores
- Visual gamer
- Gradientes exagerados
==================================================
30. EXPERIÊNCIA VISUAL
O site deve parecer:
- Um sistema escolar moderno
- Organizado
- Leve
- Rápido
- Fácil de usar
- Feito especialmente para a escola Maria da Graça
A maior parte da tela deve ser branca.
O azul deve ser usado em:
- Botões
- TF53b2a2da-4b7a-4826-8f98-65d2e8ee684a.PDFítulos
- Cabeçalhos
- Ícones
- Bordas
- Elementos selecionados
- Navegação
A interface deve funcionar muito bem em celulares.