Azulejo & Pena

O design system do Educandário dos Anjos. A linguagem vem da própria escola: o azulejo branco da fachada, as faixas azuis, o uniforme marinho e o logo em forma de compasso.

Cores

paper

#FFFFFF

Fundo principal. O branco é a cor da escola.

mist

#F3F6FB

Superfícies secundárias, formulários.

ink

#0E1B33

Texto corrido.

navy

#1B2F7A

Uniforme e faixa da fachada. Títulos, botões, seções de contraste.

brand

#2E6DB4

Azul do logo. Destaques, links, foco.

sky

#5BA7E0

Faixa clara do azulejo. Apoio em fundo marinho.

sky-soft

#DCEBF8

Seleção de texto, avisos, texto sobre marinho.

gold

#C9A45C

Só em detalhes nobres (capa da Antologia).

Tipografia

Fraunces (títulos, com eixo óptico e itálico) e Manrope (texto e interface).

Display XLCuidando de quem vai longe.

Display LUma prova por semana.

Display itálicoAntologia dos Anjos

Corpo LDeixe seu contato e a secretaria retorna para agendar uma visita.

CorpoNos anos finais do Fundamental e no Ensino Médio, as provas são semanais.

Rótulo6º ao 9º ano

Elementos da fachada

Azulejo: superfícies que representam o prédio (Antologia, áreas institucionais).

Faixa da fachada: divisor de seções importantes (matrícula, visita).

Botões e campos

Nome do responsável

Movimento

Um momento autoral: o corredor com a pena, avançando quadro a quadro com o scroll.
Depois, movimento a serviço do conteúdo: palavras que acendem, trilha dos segmentos, livro que abre.
Tudo legível sem animação. Com “reduzir movimento” ativo, o site fica estático.