Manual da marca
Uma palavra, uma cunha.
Como usar o logótipo, as cores, a tipografia e o tom do Kanesh. Tudo parte dos ficheiros disponíveis para descarregar no final.
Uma só cunha angular forma o k.
Os braços do nosso k formam uma só cunha angular, o Winkelhaken: uma das impressões básicas da escrita cuneiforme.
- O logótipo é «kanesh» em Inter minúsculo, peso 640, espaçamento −0,035 em, com uma letra desenhada.
- A cunha está separada da haste como o estilete se afasta da argila. Nunca os volte a unir.
- A versão pequena (peso 690, intervalo 0,46 × a haste) mantém o k aberto a 12–14 px.
- O símbolo é o k isolado. Ocupa apenas espaços quadrados ou redondos, nunca ao lado do logótipo.
- A haste: a haste e a ascendente originais de Inter.
- O intervalo: 0,30 × a haste, para manter a cunha separada.
- Os braços: uma só cunha angular, com pontas cortadas horizontalmente.
Logótipo
O logótipo tipográfico é o logo. É geometria em contornos: use os ficheiros, nunca o volte a escrever.
Logótipo tipográfico
O logo. Cabeçalho do site, documentos, faturas.
Sobre fundo escuro
Bone sobre night ou ink.
Versão pequena
Abaixo de 120 px de largura: rodapés, assinaturas, interface.
Com assinatura
«by Nexau», durante o primeiro ano.
Ícone de aplicação e favicon
O k em ink centrado num círculo branco, com um anel fino para ser visível em separadores claros e escuros.
Avatar
Perfis WhatsApp, Instagram e Meta. A plataforma recorta o círculo.
Área de proteção
Deixe livre metade da altura de x de cada lado.
½ altura de x
Tamanhos mínimos
- Logótipo tipográfico120 px de largura
- Versão pequena56 px de largura
Símbolo (versão favicon)16 px
Não fazer
Não fazer: Colocar o símbolo k antes do logótipo.
Não fazer: Voltar a unir os braços do k à haste ou abrir a cunha num chevron fino.
Não fazer: Recriar o logótipo em texto editável.
Não fazer: Usar clay em texto pequeno. Use clay-600.
Não fazer: Adicionar um degradé, sombra ou contorno.
Cores
Neutros quentes e um vermelho argila como destaque preciso. Contraste WCAG 2.x para os valores apresentados.
- clay
#C9441D
Preenchimentos: botão principal e dado em destaque
Contraste: Branco sobre clay 4,85:1 · clay sobre bone 4,42:1, apenas preenchimentos e marcas grandes
- clay-600
#A83219
Texto de destaque e ligações sobre fundo claro
Contraste: 6,11:1 sobre bone · 6,70:1 sobre branco
- ember
#E0531F
Destaque sobre fundo escuro
Contraste: 4,50:1 sobre night
- ink
#15120F
Logótipo e texto
Contraste: 17,0:1 sobre bone · 18,7:1 sobre branco
- bone
#F7F4EF
Página; logótipo invertido
Contraste: 15,9:1 sobre night
Neutros de apoio
- night #1E1915Rodapé, uma faixa escura
- sand #EFE9DFUma secção colorida por página
- stone #5E554CMetadados e legendas
- line #E6DFD5Linhas finas
- paper #FFFFFFCartões e interface do produto
- Clay é um preenchimento: o botão principal e um dado em destaque. No máximo um botão clay por ecrã.
- Lapis, moss e saffron aparecem apenas nos visuais do produto para estados (IA, sucesso, atenção).
- A base das páginas do site é um bone mais claro, #FAF8F5.
Tipografia
Duas famílias open source alojadas no próprio site. Seis tamanhos e três pesos, não mais.
Bricolage Grotesque
Títulos · peso 480, tamanho ótico 48
Os seus clientes veem uma só marca. Opere como uma.
Figtree
Texto e interface · pesos 400, 500 e 600
Quando a IA não deve responder, passa a conversa à equipa com o motivo e o contexto.
Escala
- display · 40 → 64 pxBricolage 480 · um por página
- h2 · 32 → 44 pxBricolage 480 · títulos de secção
- h3 · 18 → 20 pxFigtree 600 · títulos de cartões e funcionalidades
- lead · 17 → 18 pxFigtree 400 · um por secção, ≤ 140 caracteres
- body · 16 pxFigtree 400 · tudo o resto
- small · 14 pxFigtree 500 · etiquetas, metadados, botões
O logótipo é desenhado a partir de Inter (OFL) e convertido em contornos: não precisa de outra fonte para ser apresentado.
Ícones e movimento
Ícones Lucide de contorno, discretos e neutros. O movimento explica, nunca decora.
- Traço 1,5. Dois tamanhos: 16 px no texto, 20 px em listas.
- Ink em listas e menus, stone quando decorativo. Nunca clay.
- Num bloco neutro de 32 px quando o ícone precisa de um contentor.
Nunca
- Robôs, cérebros luminosos ou hologramas.
- Fotografias de banco de imagens de pessoas com auscultadores.
- Logótipos de canais como decoração.
- Dados de clientes apresentados sem autorização.
Movimento
- 1 por vistaUm único elemento em movimentoApenas o visual do produto se move.
- 150 msControlosBotões e menus usam transições ease-out.
- > 5 sDemonstraçõesComeçam com um quadro completo, reproduzem-se apenas quando visíveis e podem ser pausadas.
- 0 msMovimento reduzidoprefers-reduced-motion mostra o estado final.
Voz e tom
Preciso, calmo, comercial, direto e responsável.
- Preciso
- Calmo
- Comercial
- Direto
- Responsável
Your customers see one brand. Operate like one.
Tus clientes ven una sola marca. Opera como una.
| Regra | English | Español |
|---|---|---|
| Pessoa | “you”, “your team” | tú (neutral for Spain and Latin America); never vosotros |
| Maiúsculas | Sentence case | Sentence case |
| Números | €59.00 · 1,200 | 59,00 € · 1.200 |
| CTA | Get a diagnosis | Pide tu diagnóstico |
| Dizer | “hands over to your team with context” | «pasa a tu equipo con el contexto» |
| Não dizer | “AI employees”, “autonomous”, “revolutionary” | «empleados de IA», «autónoma», «revolucionario» |
O espanhol é escrito de raiz, não traduzido. O inglês é nativo, com orientação americana. Sem pontos de exclamação nos textos de marketing.
Downloads
Ficheiros vetoriais (SVG) e PNG. Os ficheiros do logo nunca contêm texto editável.
Logótipo tipográfico
Versão pequena e com assinatura
- Versão pequena, SVGkanesh-wordmark-small.svgDescarregar
- Versão pequena sobre fundo escuro, SVGkanesh-wordmark-small-reverse.svgDescarregar
- «by Nexau», SVGkanesh-lockup-by-nexau.svgDescarregar
- «by Nexau» sobre fundo escuro, SVGkanesh-lockup-by-nexau-reverse.svgDescarregar
- «by Nexau», PNGkanesh-lockup-by-nexau.pngDescarregar
Símbolo e ícones
- Ícone de aplicação (círculo branco, k em ink), SVGkanesh-app-icon.svgDescarregar
- Ícone de aplicação, PNG 512 pxicon-512.pngDescarregar
- Símbolo, ink, SVGkanesh-symbol.svgDescarregar
- Símbolo sobre fundo escuro, SVGkanesh-symbol-reverse.svgDescarregar
- Símbolo, versão favicon, SVGkanesh-symbol-small.svgDescarregar
Precisa de outro formato? Escreva-nos. [email protected]