Manual de
identidade visual.

A marca HNP Representação Comercial é um sistema visual construído sobre três pilares: precisão técnica, herança editorial e identidade industrial. O logo combina três blocos contendo as iniciais H, N, P em serifa contrastada (Fraunces), com o N destacado em cobre queimado — uma referência direta ao calor controlado das cozinhas profissionais que a HNP equipa.

Os blocos individuais remetem a placas de equipamento, etiquetas industriais e selos de qualidade. A tipografia serif transmite o peso de mais de três décadas de experiência do sócio-fundador no segmento. O ponto cobre à direita funciona como uma marcação tipográfica deliberada, um "ponto final" gráfico.

Versão principal

PRINCIPAL · DARK

Esta é a aplicação primária da marca. Use sempre que houver espaço suficiente para que o descritor "Representação Comercial" seja legível (mínimo de 40 mm de largura na impressão, 180 px na tela).

Variantes por contexto

LOGO COMPLETO · CLARO

LOGO COMPLETO · ESCURO

MARCA · CLARO

MARCA · ESCURO

A marca completa (com descritor) é a aplicação primária. A marca reduzida (sem descritor) deve ser usada em espaços compactos: ícones de aplicativo, avatares de rede social, favicon do site, ou qualquer composição onde a marca completa ficaria abaixo do tamanho mínimo legível.

A marca deve sempre respeitar uma área mínima de respiro — nenhum outro elemento gráfico, texto ou imagem pode invadir essa zona. A unidade de medida (X) equivale à altura de um dos blocos H/N/P do logo.

X = altura do bloco

Tamanhos mínimos

Para que a marca mantenha consistência e força em qualquer aplicação, algumas regras simples devem ser respeitadas.

FAÇA Mantenha proporções originais

Sempre redimensione mantendo a proporção exata do arquivo original.

EVITE Não distorça

Nunca estique, comprima, esmague ou aplique transformações não-uniformes ao logo.

FAÇA Use as cores oficiais

Aplique somente as cores definidas neste manual (cream, ink, cobre) ou as variantes monocromáticas.

EVITE Não recolora

Não substitua o cobre por outras cores. O cobre queimado é uma assinatura da marca.

FAÇA Garanta contraste

Em fundos claros, use a variante escura. Em fundos escuros, use a variante clara. Sempre garantir leitura clara do descritor.

EVITE Não use sobre fundos ruidosos

Evite aplicar a marca diretamente sobre fotos complexas, gradientes ou padrões que prejudiquem a legibilidade.

A paleta da HNP é composta por três cores primárias e duas secundárias. As três primárias — cream parchment, deep ink e cobre queimado — constituem a assinatura cromática da marca e devem dominar 90% das aplicações.

Cores primárias

Cores secundárias

A HNP utiliza três famílias tipográficas, cada uma com função específica. As três são open-source e disponíveis gratuitamente via Google Fonts.

Serifa contrastada de origem editorial. Usada em manchetes, citações, nomes próprios em destaque, e nas iniciais H/N/P do logotipo. Pesos recomendados: 350-400 (Regular), 600 (SemiBold).

Sans-serif contemporâneo, geométrico e legível em qualquer tamanho. Usado para corpo de texto, navegação e elementos de interface. Pesos recomendados: 400 (Regular), 500 (Medium), 800 (ExtraBold).

Mono-spaced de origem técnica. Usado em rótulos pequenos, especificações, números de seção e no descritor "Representação Comercial" do logo. Sempre em CAIXA-ALTA com letter-spacing de 0.18em a 0.32em. Peso recomendado: 500 (Medium).

Escala tipográfica

Exemplos canônicos de aplicação da marca em peças comuns. Use estes layouts como ponto de partida; adapte as proporções mantendo as regras de área de proteção, cor e tipografia.

Cartão de visita

Hamilton Nonato PintoSócio-Fundador

+55 (11) 94760–9085
contato@hnpcomercial.com.br
hnpcomercial.com.br

FRENTE · CREAM

Representação
oficialSulfisa · Kofisa

São Paulo · Brasil

VERSO · INK

Avatar de rede social

AVATAR · CREAM (LINKEDIN, INSTAGRAM)

AVATAR · INK (X, GITHUB)

Assinatura de e-mail

Hamilton Nonato Pinto Sócio-Fundador HNP Representação Comercial +55 (11) 94760–9085 contato@hnpcomercial.com.br hnpcomercial.com.br

ASSINATURA DE E-MAIL · HTML

Os arquivos vetoriais (SVG) são os mestres da marca — use-os sempre que possível. Os PNGs estão disponíveis em múltiplos tamanhos para uso digital quando o SVG não for suportado.

Estrutura dos arquivos

Observação importante. Os arquivos SVG têm todas as formas tipográficas convertidas em paths vetoriais (não dependem da fonte Fraunces ou JetBrains Mono estar instalada para serem renderizados corretamente). Já o site institucional usa as fontes carregadas via Google Fonts.