Cores
Toda a paleta do EnP organizada por território de uso. Clique em qualquer cor para copiar o hex.
Institucional claro
Escola, cursos, primeiro contato. Fundo Frost, CTA Button Blue.
CTA primário: Button Blue
Frost
Fundo de página
Pure White
Inputs, cards, leitura densa
Deep Slate
Textos, títulos, ícones
Button Blue
CTA principal · links · UI
Sky Blue
Ornamental — gradientes e destaques
Lightning Lime
Acento pontual — badges e tags
Escuro institucional
Modo escuro para contextos de leitura e contraste aumentado.
CTA primário: Sky Blue
Bg Dark
Fundo de página
Bg Dark Card
Fundo de card
Pure White
Textos principais
Sky Blue
CTA principal
Lightning Lime
Nav ativo, acento
Serviços
Consultoria, tutoria, aceleração. Fundo Midnight, CTA Lightning Lime.
CTA primário: Lightning Lime · Ornamental: Sky Blue
Midnight
Fundo de página
Deep Slate
Fundo de card
Pure White
Textos
Lightning Lime
CTA protagonista
Sky Blue
Ornamental — ícones, linhas
Button Blue
Ponte para institucional
Paleta de extensão
Cores temáticas para campanhas e contextos específicos. Cada uma ocupa um território delimitado.
Nature Green
Sucesso, crescimento, cases
Dawn Orange
Energia, eventos, ativações
Lightning Yellow
Atenção, destaque editorial
Sunset Pink
Urgência, exclusividade, erro
Escala de cinza
Gray 80
Títulos alternativos
Gray 60
Textos secundários
Gray 40
Metadados, suporte
Gray 20
Divisores, bordas sutis
Gray 10
Fundos neutros leves
Tokens de opacidade
Valores de sobreposição. Não usar como cores de fundo sólido.
midnight/30
Overlay leve
midnight/55
Overlay de modal
midnight/70
Overlay bloqueante
midnight/80
Splash, onboarding
white/10
Glass sutil escuro
white/20
Glass cards serviços
white/40
Glass nav pills
slate/20
Hover sutil claro
slate/40
Separadores translúcidos
Tokens de superfície
Opacidade sobre slate para tabelas e containers internos. Geram contraste proporcional ao modo ativo sem cores fixas.
slate/10
Borda de container de tabela
slate/[0.07]
Fundo de header de tabela
slate/[0.06]
Divisor entre linhas de tabela
slate/[0.05]
Fundo de bloco de código dentro de card
slate/[0.03]
Faixa zebra de tabela (linhas pares)
Vitrine pública. Spec canônica vive em enp-design-system/skills/. Dados sincronizados via raw.githubusercontent.com (ISR 24h).