Styleguide
Identidade Essent ACF
Página de validação visual dos tokens de marca, tipografia e componentes base. Use esta tela para verificar regressões de tema.
Cores de marca
Brandbook 2025 — um papel por cor
Azul · ação
--color-essent-azul#002060Azul Inovação · destaque
--color-essent-azul-inovacao#009FFFVerde · sucesso
--color-essent-verde#19C088Verde escuro · sucesso forte
--color-essent-verde-escuro#138F66Laranja · atenção
--color-essent-laranja#FF9F4FMagenta · erro
--color-essent-erro#D40565Tokens semânticos
Resolvem para light ou dark dependendo do tema ativo
background
--backgroundforeground
--foregroundmuted
--mutedmuted-foreground
--muted-foregroundcard
--cardborder
--borderprimary
--primarysecondary
--secondaryaccent
--accentdestructive
--destructiveTipografia
Blinker / Instrument Serif / JetBrains Mono
font-display · Instrument Serif
Análise contábil que conversa com o contador.
font-sans · Blinker
Avaliações Mensais, Onboarding e Preventivos com revisão humana obrigatória.
Texto base 16 px — leitura corrida em relatórios e formulários.
Suporte e legendas — 14 px.
font-mono · JetBrains Mono
FATOR_R = folha_12m / receita_12mLogo
Variantes — escolha conforme o fundo
claro · horizontal
escuro · horizontal
claro · símbolo
positivo · horizontal
negativo · horizontal
auto (segue tema)
Botões
6 variants · 4 tamanhos
Card + Form
Validação Zod com mensagens em pt-BR
Card padrão
Estrutura base usada em painéis e relatórios.
Componentes shadcn/ui copiados no repositório e tematizados ao Essent.
Formulário
Demonstra Input, Label e mensagem de erro.