# Identidade visual, identidade de marca e logo: as diferenças [Canonical HTML page](https://gradiently.design/pt-br/guide/visual-identity) Três termos usados como se significassem a mesma coisa. Não significam, e a diferença explica por que um logo novo tão raramente resolve uma marca que ninguém reconhece. ## The short version - Identidade visual é o sistema visível de uma marca: logo, cores, fontes, imagens, elementos gráficos, fundos, layouts e movimento. - A identidade de marca é mais ampla que a identidade visual, porque também inclui o nome, o posicionamento e a voz. - O logo é um único elemento dentro da identidade visual, geralmente a parte menor e menos lida. - Uma identidade visual funciona quando as pessoas reconhecem a marca com o logo coberto, porque cor, tipografia, fundo e layout fazem o trabalho. - Um sistema de identidade visual é registrado por escrito como regras, para que qualquer pessoa possa aplicá-lo a um formato novo e ainda parecer a marca. Uma **identidade visual** é tudo que se vê de uma marca, funcionando como um único sistema: o logo, as cores, as fontes, as imagens, as formas gráficas, os fundos, os layouts e o movimento. Ela fica dentro da identidade de marca, que é mais ampla e também cobre o nome, o posicionamento e a voz. E o logo fica dentro da identidade visual como um elemento entre muitos, geralmente o menor. Em resumo: o logo assina o trabalho, a identidade visual torna o trabalho reconhecível e a identidade de marca decide o que o trabalho deve dizer. ## Logo, identidade visual e identidade de marca lado a lado | Pergunta | Logo | Identidade visual | Identidade de marca | | --- | --- | --- | --- | | O que é | Um símbolo ou logotipo | O sistema visível | Tudo o que a marca escolhe ser | | Inclui | Símbolo, logotipo, assinaturas | Logo, cor, tipografia, imagens, fundos, layout, movimento | Identidade visual mais nome, posicionamento, voz | | Função | Assinar e identificar | Tornar tudo reconhecível | Decidir o que a marca defende e como ela soa | | Onde aparece | Cantos, favicons, placas | Todo post, página, slide e embalagem | Toda experiência, incluindo palavras e atendimento | | Funciona sozinho? | Raramente | Quase sempre, mesmo sem o logo | É o todo | Cada um contém o anterior. Um logo sem identidade visual é uma assinatura em uma página em branco. A confusão é compreensível. Durante décadas, o logo foi a entrega mais cara e mais visível de um projeto de branding, então virou um atalho para falar do todo. Mas em um mundo de feeds, stories e thumbnails, o logo muitas vezes é pequeno demais para ser lido, enquanto cor, tipografia e fundo ocupam a tela. Para a lista completa das partes da identidade de marca, veja [o que é identidade de marca](https://gradiently.design/pt-br/guide/what-is-brand-identity). ## Por que um logo não é uma identidade Imagine dois cafés com logos igualmente bons. O primeiro coloca o logo sobre qualquer foto ou modelo que estiver à mão; o segundo coloca sempre sobre o mesmo fundo quente, com a mesma fonte e o mesmo layout. Em um mês, as pessoas reconhecem os posts do segundo café com o canto do olho. Os posts do primeiro parecem os de todo mundo, com um logo que ninguém lê. ### Só o logo - Um fundo e uma fonte diferentes em cada post - O reconhecimento depende de as pessoas lerem um símbolo pequeno - Cada formato novo é criado do zero - Redesenhar o logo não muda nada que as pessoas percebam ### Identidade visual - Um fundo, um estilo tipográfico, um jeito de organizar as coisas - O reconhecimento acontece antes de qualquer leitura - Formatos novos seguem as regras e continuam se encaixando - O logo pode ficar pequeno, porque todo o resto carrega a marca Isso não torna os logos pouco importantes. Um bom logo é essencial para espaços pequenos, assinaturas e marcas registradas. Ele só não consegue carregar o reconhecimento sozinho. [Logos com gradiente](https://gradiently.design/pt-br/guide/gradient-logo) e [como colocar um logo sobre um gradiente](https://gradiently.design/pt-br/guide/logo-on-gradient-background) tratam do logo em si com mais profundidade. ## O que um sistema de identidade visual inclui Uma identidade visual vira um sistema quando as partes estão definidas bem o bastante para outra pessoa usar. Você não precisa de um manual de cem páginas. Precisa do mínimo de cada elemento, por escrito. | Elemento | Mínimo a definir | | --- | --- | | Logo | Versão principal, uma versão em uma cor, tamanho mínimo, área de proteção | | Cor | Duas a cinco cores com códigos hex e proporções | | Tipografia | Uma ou duas fontes, com tamanhos para título e texto corrido | | Fundo | Um fundo característico, como um gradiente, uma textura ou um tom, mais uma alternativa chapada | | Imagens | Como são as fotos ou ilustrações e como são tratadas | | Elementos gráficos | Formas, linhas, ícones ou padrões, se você usar algum | | Layout | Margens, alinhamento e onde fica o logo | | Movimento | Velocidade e estilo do movimento, se você publica vídeo | A linha do fundo é a que a maioria das marcas pequenas deixa em branco, e é a que cobre mais pixels. ## Uma identidade visual precisa funcionar em todos os tamanhos O teste real de uma identidade visual é a amplitude. A mesma marca precisa se sustentar em um story alto, em um banner muito largo, em um cartão de visita pequeno e em uma thumbnail de vídeo. Os logos tendem a quebrar nos extremos; uma cor, uma tipografia e um fundo característicos atravessam todos eles. - Story 9:16: 1080 × 1920 - Post do Instagram 4:5: 1080 × 1350 - Thumbnail do YouTube: 1280 × 720 - Cartão de visita: 1050 × 600 - Banner do LinkedIn: 1584 × 396 Cinco formatos reais, desenhados em escala. Uma identidade visual deve parecer ela mesma em todos eles. Um cartão de visita de um ateliê de cerâmica com tipografia simples sobre um fundo gradiente característico Um cartão de visita a 300 dpi… Um banner largo do LinkedIn do mesmo ateliê de cerâmica usando o mesmo fundo e a mesma tipografia …e um banner do LinkedIn, reconhecidamente o mesmo, sem nenhum logo. ## Como saber se você tem uma identidade visual 1. **Cubra o logo** Pegue seis posts, páginas ou slides recentes e esconda o logo de cada um. Se ainda parecerem uma só marca, você tem uma identidade visual. 2. **Misture com os concorrentes** Coloque o seu trabalho no meio do trabalho de outros da sua categoria. Se o seu desaparecer, você precisa de pelo menos um [ativo de marca distintivo](https://gradiently.design/pt-br/guide/distinctive-brand-assets). 3. **Entregue para alguém novo** Peça a um colega ou freelancer para criar um design novo a partir das suas regras. Se a pessoa precisar fazer muitas perguntas, as suas regras ainda não estão por escrito; comece um [guia de estilo da marca](https://gradiently.design/pt-br/guide/brand-style-guide). Se um Mark do Gradiently é o seu fundo característico, o Studio o renderiza em todos os tamanhos e deixa os logos, as cores e as fontes do seu kit de marca a um clique, então fica mais fácil passar no teste do logo coberto. ## FAQ ### O que é identidade visual? É o sistema visível de uma marca: logo, cores, fontes, imagens, elementos gráficos, fundos, layouts e movimento, definidos bem o bastante para que qualquer pessoa possa aplicá-los. ### Qual é a diferença entre identidade visual e identidade de marca? A identidade visual é só o que dá para ver. A identidade de marca também inclui o nome, o posicionamento e a voz, então a identidade visual é uma parte dela. ### Um logo é uma identidade visual? Não. Um logo é um elemento da identidade visual. Sem cor, tipografia e fundos consistentes em volta, um logo raramente torna uma marca reconhecível sozinho. ### O que um sistema de identidade visual deve incluir? No mínimo: versões e regras do logo, uma paleta de cores com proporções, uma ou duas fontes, um fundo característico com uma alternativa chapada, orientações de imagem e regras simples de layout.