Os elementos visuais que fazem a KM Representações parecer a KM — extraídos direto do site em representacoeskm.com.br. Use como referência para apresentações, propostas, redes e qualquer peça nova.
v1 · agosto 2026 · fonte: representacoeskm.com.br
01 — A marca
Assinatura em duas formas.
A marca completa lidera; o símbolo isolado entra em espaços pequenos (perfil, favicon, marca d'água). Sobre fundo escuro, use sempre a versão em branco.
Marca completa · sobre fundo claro
Marca completa · branca sobre navy
Símbolo · usos reduzidos
Pode
Manter um espaço livre em volta de, no mínimo, a altura do “K”.
Reduzir até ~90 px de largura (marca) / ~26 px (símbolo).
Usar a versão branca sobre navy, azul ou foto escura.
Não pode
Recolorir, inclinar, esticar ou aplicar sombra na marca.
Pôr a marca positiva sobre fundo escuro ou de baixo contraste.
Recriar o lettering — use sempre o arquivo original.
02 — Cores
Navy como base. Laranja como voz.
Um único acento. O laranja aparece em pouca quantidade e sempre com intenção: ação, número, destaque. Todo o resto é a família navy e os neutros frios. Clique em qualquer valor para copiar.
Família navy
Acento
Neutros
03 — Tipografia
Sora que aperta. Manrope que respira.
Sora nos títulos, com letter-spacing: -0.045em nos tamanhos grandes — é o aperto que dá o ar de engenharia. Manrope em todo o texto corrido. IBM Plex Mono só para dados e valores, como aqui.
Display / H1 Sora 800 · -0.045em
Conectando grandes empresas
Título / H2 Sora 800 · -0.04em
Da necessidade à conexão certa.
Lead Manrope 600
A KM aproxima empresas, fornecedores e oportunidades para transformar necessidades em parcerias sólidas.
Corpo Manrope 400 · 1.65
Entendemos cada demanda, identificamos as melhores possibilidades e acompanhamos a jornada comercial com proximidade, clareza e visão de longo prazo. Trabalhamos com pré-formas, frascos, tampas, rótulos, caixas e mais.
Rótulo Manrope 800 · +0.14em
Soluções que conectam negócios
Sora 400Sora 600Sora 700Sora 800Manrope 400Manrope 600Manrope 800Manrope 900
04 — Rótulos & eyebrows
O detalhe que ambienta a seção.
Dois marcadores recorrentes: o rótulo em caixa-alta espaçada e o eyebrow com a barrinha laranja. Ambos em laranja, sempre curtos.
Rótulo
02 — Soluções
Eyebrow (com barra)
Conexões reais
Sobre a numeração 01 / 02 / 03: só entra quando o conteúdo é mesmo uma sequência — as seções do site, as etapas do processo. Em lista solta de itens equivalentes, não numere.
05 — Botões
Sólido para agir. Contorno para explorar.
Raio de 6px, peso 800, um respiro largo entre o texto e o ícone. ↗ para ação que leva pra fora (WhatsApp, contato); ↓ para rolar até uma âncora. No hover, o botão sobe 3 px.
O cartão de solução vive sobre navy, com canto vivo (raio 0) e um ícone de duas letras. O contraste é proposital: a estrutura é reta, o gesto (ícone, botão) é redondo. Passe o mouse para ver o comportamento.
Cartão de solução
PF01
Pré-formas
Do gargalo estreito à boca larga: pré-formas PET para cada projeto de embalagem.
Saiba mais +
FE07
Fitas para embalagem
Vedação, unitização e identificação de caixas e volumes na expedição.
Saiba mais +
Chips de destaque
16+ tipos de bocalde 9 g a 112 gcristal ou coloridas
Bloco de número
20anos conectando negócios no setor
Linha de lista (segmentos)
01Alimentos↗
02Bebidas↗
03Cosméticos↗
07 — Raio & elevação
Uma escala curta de cantos.
Quatro raios cobrem tudo. A sombra é discreta — ou um brilho laranja sob o botão, ou uma sombra navy difusa sob cartões e modais.
Brilho de ação0 14px 30px rgba(243,106,22,.23)Cartão0 18px 44px rgba(6,29,59,.14)Modal / imagem0 32px 80px rgba(0,0,0,.28)
08 — Voz
Fala de parceria, não de transação.
Confiante, direta, conectiva. A KM não “vende produto” — ela aproxima empresas e soluções. Frases curtas, verbo na primeira pessoa do plural (“nós conectamos”), o laranja destacando a palavra-chave.
Mais que representar. Nós conectamos.
Da necessidade à conexão certa.
Grandes negócios começam com uma boa conversa.
Soa como KM
“Conectamos sua empresa à solução certa.”
“Conte o seu projeto — a gente busca a melhor alternativa.”
“20 anos aproximando negócios no setor.”
Não soa como KM
“Compre já! Melhores preços do mercado!”
“Somos líderes absolutos em representação comercial.”
