# Guia da marca Kobana Estratégia, linguagem verbal e linguagem visual para aplicar a marca Kobana com consistência em qualquer ponto de contato. --- ## Propósito Uma plataforma financeira conectada às necessidades dos clientes para apoiar sua jornada de digitalização. ### Key message > "A gente cuida dos seus processos, enquanto você cuida do seu propósito." ### Arquitetura de marca Kobana é uma marca monolítica: empresta valor aos produtos ofertados através dos mesmos códigos visuais e do mesmo nome, gerando consistência e força. O tom se ajusta ao público, a identidade nunca muda. - **Pequenas e médias empresas** — comunicação mais próxima. Ênfase em custo-benefício, segurança e suporte. - **Grandes empresas** — comunicação mais técnica. Ênfase em segurança e abrangência de APIs. --- ## Princípios de design Os princípios traduzem a estratégia e orientam todas as expressões da marca, sejam elas verbais, visuais ou sensoriais. ### Expert democrático **Kobana é simples sem ser simplista.** É um expert que descomplica. Com inteligência e clareza, transformamos assuntos que podem parecer complexos em conteúdos simples, acessíveis e interessantes para todos. Atributos: Expert; Facilitadora; Conecta conhecimento às necessidades de cada cliente. ### Customização humanizada **Kobana fala sério sem ser sisuda.** Uma marca que entende a necessidade de quem a busca e que fará de tudo para tornar a solução adequada ao seu cliente. Deixa claro que a conexão é P2P (people to people) e não B2B. Atributos: Humana; Próxima; Flexível; Adaptável. ### Tecnologia potencializadora **Kobana descomplica para transformar.** A inovação pensada para potencializar as pessoas e seus objetivos. Não basta falar que a tecnologia é robusta: traduzimos quais são os benefícios diários para o cliente. Atributos: Plataforma robusta; Segura; Veloz. --- ## Linguagem verbal **Clareza que amplia horizontes.** Mais importante do que ser complexo é ser objetivo: garantir o entendimento por inteiro sem gastar muito tempo — e sem tomar o tempo do outro. O tom de voz vale para todos os pontos de contato: de um post de rede social a um atendimento telefônico, de um anúncio a um comunicado interno. ### 1. Claramente descomplicada **Como falamos** - **Temos tom especialista** — somos claros, mas demonstramos robustez, experiência e credibilidade com exemplos práticos. - **Usamos a tecnologia a favor** — se der qualquer problema de interpretação, a gente explica e até traduz. Preferimos termos em português sempre que existir equivalente ao inglês. - **Desatamos qualquer nó** — usamos conjunções e conectivos para trazer fluidez. Frases mais curtas, bem dosadas, facilitam o entendimento. **Como não falamos** - **Não somos exagerados** — evitamos superlativos e expressões taxativas como "o melhor", "a maior", "solução incrível". - **Não criamos distanciamentos** — explicamos siglas, jargões e palavras em outros idiomas. - **Não nos propomos a resolver tudo** — nunca prometemos além do que podemos cumprir. ### 2. Humanamente acessível **Como falamos** - **Criamos bons diálogos** — trazemos perguntas, pedimos opinião. Nos referimos a nós mesmos como "nós", em vez de "a Kobana". - **Construímos relações** — buscamos relações de longo prazo, do primeiro contato ao pós-venda. - **Demonstramos agilidade** — "Claro que sim!", "É pra já", "Pode deixar". **Como não falamos** - **Não ficamos de papo** — bons diálogos sem perder a objetividade. - **Não invadimos o espaço alheio** — contato próximo não significa bombardear de mensagens. - **Não somos afobados** — respostas rápidas e completas, sem deixar informação pela metade. ### 3. Particularmente amigável **Como falamos** - **Valorizamos a informalidade** — "fazer" é melhor que "executar"; "resolver" é mais simples que "elucidar". - **Personalizamos a mensagem** — abrangentes sem ser generalistas. Sempre que possível, chamamos as pessoas pelo nome. - **Tratamos todo mundo de igual pra igual** — mesma postura para grandes e pequenos negócios. **Como não falamos** - **Não forçamos a intimidade** — proximidade não é intimidade exagerada. - **Não subestimamos nosso leitor** — sabemos dosar o que merece ser explicado mais a fundo. - **Não exageramos na dose** — evitamos gírias e expressões nichadas. A gente até perde a piada, mas não perde a mensagem. --- ## Logotipo O logotipo parte das formas da Syne, uma fonte neogrotesca, sans serif e estendida. Sua estrutura é modular, geométrica e de bastante contraste. - **Bold e estendida** — reforça a robustez sem perder a velocidade. - **Estrutura modular** — constrói o imaginário do expert, com bases na precisão e na tecnologia. - **Herança neogrotesca** — as neogrotescas surgiram no início do século 20 com o objetivo de simplificar as formas. ### Versões - **Horizontal (versão primária)** — deve ser amplamente disseminada no dia a dia. - **Vertical (versão secundária)** — alternativa para layouts extremamente verticalizados. - **Reduzida — KBN (uso restrito)** — dê sempre prioridade às versões horizontal e vertical. Cada versão está disponível em positivo (preto), negativo (branco) e verde-limão. Além das versões em preto e branco, o logotipo só deve ser usado no verde-limão. ### Área de proteção **X** é a espessura da letra "N" do logotipo. A área de proteção equivale a **2X** em todos os lados e nenhum outro elemento pode invadi-la. ### Reduções mínimas | Versão | Digital | Impresso | |---|---|---| | Logotipo horizontal | 15 px de altura | 0,3 cm de altura | | Logotipo reduzido (KBN) | 15 px de altura | 0,3 cm de altura | | Logotipo vertical | 50 px de altura | 1 cm de altura | ### Usos incorretos - Não deforme o logotipo - Não rotacione o logotipo - Não mude as proporções - Não use o logotipo em outras cores - Não use o logotipo em outline - Não reduza o logotipo mais que o permitido --- ## Símbolo: o K da Kobana O símbolo é a letra K do logotipo isolada. Ele existe para espaços em que o logotipo completo não caberia com legibilidade. Variações: fundo verde-limão (padrão), fundo preto, preto, branco e verde-limão. **Quando usar** - Ícone de aplicativo, favicon e atalhos - Avatar em redes sociais e perfis - Botões de autenticação e integrações - Espaços quadrados menores que 100 px **Quando não usar** - Como substituto do logotipo em materiais institucionais - Junto do logotipo completo na mesma composição - Redesenhado, recortado ou com o traço alterado - Em cores fora do preto, branco e verde-limão Para integrações de login, veja as [diretrizes do Login com a Kobana](/marca/login). --- ## Linguagem visual ### Tipografia **Work Sans (primária)** — design simples, de baixo contraste, que não rouba a atenção do conteúdo. Família ampla e versátil, pode ser usada em títulos, textos corridos e nos mais diversos pontos de contato. Pesos: fino, extraleve, leve, normal, médio, seminegrito, negrito, extranegrito e preto, cada um com sua versão em itálico. **Syne (secundária)** — fonte display, de bastante personalidade, que deve ser usada com responsabilidade. Aplique em títulos e números em destaque. Evite em textos corridos. ### Cores **Cores principais** — devem aparecer sempre em maior proporção. | Cor | HEX | RGB | CMYK | Significado | |---|---|---|---|---| | Verde-limão | #D3FD54 | R211 G253 B84 | C27 M0 Y80 K0 | Dinheiro, crescimento e sustentabilidade | | Preto | #000000 | R0 G0 B0 | C0 M0 Y0 K100 | Elegância, confiança e inovação | **Cores secundárias** — entram em detalhes, nunca como cor dominante. | Cor | HEX | RGB | CMYK | Significado | |---|---|---|---|---| | Roxo | #A630DA | R166 G48 B218 | C60 M80 Y0 K0 | Sabedoria, criatividade e paixão | | Cinza | #676767 | R103 G103 B103 | C56 M45 Y45 K32 | Tecnologia, profissionalismo e solidez | | Branco | #FDFDFB | R253 G253 B251 | C0 M0 Y0 K0 | Transparência, possibilidades infinitas e equilíbrio | ### Elementos de apoio - **Fotografia** — deve transmitir proximidade, confiança e expertise. Imagens em preto e branco reforçam a pregnância da marca; planos fechados dão foco. Diversidade é bem-vinda. Tratamento: primeiro ajuste para preto e branco, depois equalize luz e sombra no contraste. - **Grafismo** — repetição das linhas que constroem as letras da marca. Espessura de linha: 1 px. - **Ícones** — família iconográfica da Streamline. Linguagem flat, outline e de entendimento rápido. - **Ilustrações** — geométricas e fluidas, flat, limpas e sem firulas. Paleta restrita às cores da marca. --- ## Marca ilustrada A marca ilustrada é uma camada de expressão que complementa o branding: cria memória visual, fortalece a lembrança de marca e aproxima a Kobana de cada público. São ilustrações no estilo animaloide, que misturam máquina — tecnologia e geometria — com animal — humano e fluido — para traduzir a ideia de operações bancárias em piloto automático. ### Conceitos - **Robusta** — que possui força, de estrutura física muito forte e resistente. Ligada à ideia da tecnologia criada com precisão técnica, de plataforma segura. - **Moderna** — noção do presente e de temas atuais importantes para o desenvolvimento humano: sustentabilidade ambiental, crise climática, tecnologia. - **Artesanal** — que faz parte de alguma coisa e define um lugar ou região. Personalizado para algo específico e único. ### Por que fauna brasileira Os animais desempenham um papel fundamental no equilíbrio do meio ambiente. Representar animais locais conecta a marca a cada bioma e permite ilustrações colecionáveis, escolhidas conforme o público e a região do evento — Amazônia, onça-pintada; Curitiba, a gralha-azul. ### Maguari (cegonha) Do tupi, "bico forte". Encontrado em grande parte da América do Sul: no Rio Grande do Sul, na Amazônia, no Nordeste e no Pantanal. Mede até 1,4 metro e tem envergadura de 2 metros. Representa bom augúrio, fertilidade e crescimento. No Oriente, é símbolo de imortalidade e longevidade. Pode ser entendido também como simbologia de contemplação e concentração. ### Onça-pintada Do tupi, jaguar. O maior felino do continente americano, podendo chegar a 135 kg. Animal robusto, com a mordida mais potente entre os felinos de todo o mundo. Por estar no topo da cadeia alimentar, é um indicador de qualidade ambiental. Simboliza força, coragem, poder, liderança, proteção e sabedoria. ### Como aplicar - Em eventos, sites, canais, brindes e papelaria - Como camada de apoio, sempre acompanhada do logotipo - Com o grafismo de linhas de 1 px para reforçar velocidade e conexão - Na versão preto e branco quando a peça for de uma cor só ### O que evitar - Usar a ilustração no lugar do logotipo - Combinar duas ilustrações na mesma peça - Recolorir, recortar ou redesenhar as ilustrações - Tratar as ilustrações como personagens com nome, fala ou personalidade --- ## Uso por terceiros **Faça** - Use os arquivos oficiais desta página, sem alterações - Mantenha as proporções originais do logotipo - Respeite a área de proteção de 2X - Use apenas preto, branco ou verde-limão - Aplique sobre fundos que garantam contraste - Escreva o nome como **Kobana**, com K maiúsculo e o resto minúsculo **Não faça** - Distorcer, rotacionar ou recortar o logotipo - Alterar cores, proporções ou espaçamentos - Adicionar sombras, gradientes ou outline - Reduzir além do tamanho mínimo estabelecido - Usar a marca de forma que sugira parceria, patrocínio ou endosso que não exista - Incorporar a marca ao nome, logo ou domínio do seu produto Dúvidas sobre uso da marca: imprensa@kobana.com.br. Veja também a [sala de imprensa](/imprensa). --- ## Downloads - **Pack da marca** — logotipo em PNG e AI, símbolo K em SVG e as marcas ilustradas em PNG - **Brand book completo** — PDF com estratégia, princípios de design, linguagem verbal e visual - **Kit de logos** — pacote histórico de logos em diferentes formatos e versões - **Marca ilustrada** — arquivos originais da cegonha e da onça em AI, PDF, PNG e JPEG, com aplicações --- ## Links relacionados - [Diretrizes do Login com a Kobana](/marca/login) - [Sala de imprensa](/imprensa)