Guia de Cores e Imagens
Tokens de cor, exemplos de uso e diretrizes de imagens/ilustrações para manter coerência com a identidade visual.
Tokens de Cor
brand-prussian
#172A3A · rgb(23,42,58)
Uso: fundos escuros, headings, CTA invertido.
brand-midnight
#004346 · rgb(0,67,70)
Uso: botões primários, estados de foco/realce.
brand-cyan
#33959A · rgb(51,149,154)
Uso: acentos, ícones, chips, links.
Exemplos Tailwind
Chip
Diretrizes de Imagens e Ilustrações
Fotografia
- • Contexto corporativo: escritórios, documentos, dashboards.
- • Tratamento frio (teal/azul), saturação moderada, sombras suaves.
- • Composições com fundo limpo e espaço para texto.
- • Proporções: 16:9 (hero), 4:3 (cards), 1:1 (retrato).
Ilustrações e Ícones
- • Estilo flat/minimalista; traço consistente.
- • Duotone com brand-prussian e brand-cyan; sem gradientes chamativos.
- • Ícones monocromáticos em brand-cyan ou brand-prussian.
Acessibilidade (contraste)
Textos em branco sobre brand-prussian/brand-midnight atingem AA para tamanhos normais. Evite textos pequenos brancos sobre brand-cyan.
AA OK
AA OK
Evitar texto pequeno