Paleta de cores, tipografia e elementos visuais que compõem a nova identidade da EduForma. Use este guia para manter a comunicação institucional alinhada e consistente.
Aplicação sobre fundo índigo institucional
Quatro cores principais formam a identidade visual: índigo, magenta, teal e sol. Juntas, transmitem confiança institucional, energia, inovação e acolhimento.
#383DA2 · oklch(0.42 0.16 275)
Cor institucional principal. Usada em títulos, botões primários e elementos de navegação.
#E9208D · oklch(0.62 0.24 355)
Cor de destaque e call-to-action. Chamada para diagnósticos, badges e elementos de conversão.
#36BABA · oklch(0.72 0.11 195)
Cor de apoio. Indica inovação, crescimento e complementa a composição visual em cards e gráficos.
#F1CA47 · oklch(0.85 0.15 92)
Cor de apoio. Transmite energia, otimismo e acolhimento. Usada em destaques e gradientes.
#FBFBFF · oklch(0.99 0.005 280)
Fundo principal das páginas. Tom claro e neutro para leitura confortável.
#F3F4FF · oklch(0.97 0.015 280)
Fundo de seções alternadas e áreas de destaque sutis.
#FFFFFF · oklch(1 0 0)
Fundo de cards, modais e painéis. Branco puro para máximo contraste.
#F0F1F7 · oklch(0.96 0.008 280)
Fundos de estados desabilitados, badges secundários e áreas de menor hierarquia.
A combinação tipográfica une a legibilidade do Inter para textos de corpo com a personalidade moderna do Plus Jakarta Sans para títulos e display.
Usada em títulos, heros e chamadas de destaque. Pesos disponíveis: 500, 600, 700, 800.
Usada em parágrafos, legendas, botões e interfaces. Pesos disponíveis: 400, 500, 600, 700.
Texto regular para leitura confortável
Texto médio para ênfase
Texto semibold para destaque
Combinação radial de teal, magenta, sol e índigo. Usado em heros e seções de destaque para criar profundidade e movimento.
Degradê do índigo ao magenta e ao sol. Aplicação em títulos de hero e destaques especiais.
#0C0D20 · oklch(0.17 0.04 280)
Texto principal e títulos sobre fundos claros.
#61626F · oklch(0.5 0.02 280)
Texto secundário, descrições, legendas e metadados.
#FBFBFF · oklch(0.99 0.005 280)
Texto sobre fundos índigo e elementos primários.
#FFFFFF · oklch(0.99 0 0)
Texto sobre fundos magenta e elementos de destaque.
Todos os tokens estão disponíveis no arquivo de estilos do projeto e podem ser replicados em peças digitais, apresentações e materiais institucionais.