Manual da marca: sua importância e o que ele deve conter \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 11 Horas 24 Min 49 Seg Tempo restante da oferta: 11 24 49 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Manual da marca: sua importância e o que ele deve conter [ Design ](https://www.treinaweb.com.br/blog/categoria/design) # Manual da marca: sua importância e o que ele deve conter Veremos neste artigo, a importância do manual da marca para a manutenção da identidade visual de um negócio. Também conhecido como manual de identidade visual ou brand guideline, ele, por muitas vezes é pouco valorizado ou até mesmo desconhecido por parte das empresas. [ Felipe Moura ](https://www.treinaweb.com.br/blog/autor/felipe-moura) 8 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/12104557/MANUAL-MARCA.png) Veremos neste artigo, a importância do manual da marca para a manutenção da identidade visual de um negócio. Também conhecido como manual de identidade visual ou *brand guideline*, ele, por muitas vezes é pouco valorizado ou até mesmo desconhecido por parte das empresas. ##### Mas o que é o manual da marca? Nada mais é do que um guia de boas práticas para a utilização do logotipo e/ou comunicação construída para a empresa pelo designer ou agência responsável pelo projeto. E não só isso. Ele também tem como função informar características como cores utilizadas e seus respectivos códigos (hexagonal, RGB, CMYK, Pantone), além das informações de tipografia(s) escolhida(s) para a identidade da marca. Mas por quê? É o que veremos a seguir! ##### A importância do manual da marca Sabemos que existe um longo caminho até que se gere o reconhecimento de uma marca, seja ele por uma cor predominante ou uma combinação delas, seja pela tipografia utilizada ou pelos elementos que compõem sua comunicação. Resumindo, é necessário que haja um padrão. Imagine que a Pepsi passe a utilizar o vermelho como cor predominante em seus produtos. Num primeiro momento, eles provavelmente seriam confundidos com sua maior concorrente, a Coca-Cola. O manual auxilia no desenvolvimento de materiais e peças publicitárias de acordo com a identidade da marca. É importante lembrar que nem sempre serão os mesmos profissionais e agências que trabalharão no projeto. Com isso, o manual de identidade visual garante que mesmo nessas situações os conceitos e padrões se mantenham na comunicação da empresa. [ ![Unity - Criação de jogos RPG 2D](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/unity-rpg-2d.svg) Curso Unity - Criação de jogos RPG 2D Conhecer o curso ](https://www.treinaweb.com.br/curso/unity-rpg-2d-completo) #### O que deve conter num manual da marca Veremos agora, alguns itens indispensáveis para a construção de um manual da marca eficiente. Vale ressaltar que o manual não é uma apresentação, mas sim um guia. Por isso, ele precisa ser entendível não apenas por designers, mas também por profissionais de outras áreas. ###### 1. Capa Por questões estéticas, é interessante que o manual possua uma capa. Não precisa ser muito elaborada, com tanto que comunique a que empresa ele pertence. ###### 2. Sumário Se o manual for muito extenso, é interessante que possua um sumário para facilitar a utilização. ![](https://dkrn4sk0rn31v.cloudfront.net/2019/04/12090855/sumário.png) ###### 3. Apresentação da empresa Nesse item é comum descrever um pouco sobre a empresa, assim como missões, valores e até mesmo informações de contato e sobre os donos e/ou responsáveis por ela. ![](https://dkrn4sk0rn31v.cloudfront.net/2019/04/12103743/positivo-2.png) ###### 4. Conceito da marca / Assinatura da marca Nessa etapa vale falar um pouco sobre a concepção da marca e as ideias e elementos que conduziram o processo criativo. Pode-se também apresentar as diferentes (caso exista) assinaturas da marca (horizontal e vertical). ![](https://dkrn4sk0rn31v.cloudfront.net/2019/04/12101129/samu.png) ###### 5. Cores institucionais Talvez essa seja uma das informações mais importantes do manual. Diferenças de tonalidades são muito comuns em materiais de divulgação, principalmente nos impressos. Elas podem ocorrer também de acordo com o dispositivo onde são exibidas, por isso, a paleta de cores precisa ser bastante detalhada. Veja no exemplo abaixo: ![](https://dkrn4sk0rn31v.cloudfront.net/2019/04/12094324/vale.png) ###### 6. Aplicações Depois de apresentar as cores, é chegada a hora de aplicar a marca em diferentes cores para exemplificar o uso correto das mesmas. ![](https://dkrn4sk0rn31v.cloudfront.net/2019/04/12093859/cielo.png) ###### 7. Versões monocromáticas Em determinadas ocasiões, a marca precisa ser apresentada em versões monocromáticas, por isso é imprenscindível que haja essa informação no manual. ![](https://dkrn4sk0rn31v.cloudfront.net/2019/04/12093624/joomla.png) ###### 8. Família tipográfica Aqui, apresenta-se a família tipográfica utilizada na marca assim como as fontes secundárias, normalmente utilizadas em impressos, site, sinalizações. ![](https://dkrn4sk0rn31v.cloudfront.net/2019/04/12095339/positivo.png) ###### 9. Área de proteção A área de proteção nada mais do que o espaço que deve existir entre o logo e os demais elementos dentro de uma comunicação, seja ela embalagem, anúncio ou qualquer outro material que apresente a marca. Isso garante a facilidade na leitura e a distinção dela dentre os outros elementos. É comum utilizar uma letra ou um elemento da marca como parâmetro da área a ser delimitada. Veja um exemplo abaixo: ![](https://dkrn4sk0rn31v.cloudfront.net/2019/04/12085828/paypal.png) ###### 10. Proibições Nesse tópico, serão exibidos exemplos de utilizações inadequadas do logotipo que deverão ser evitadas. ![](https://dkrn4sk0rn31v.cloudfront.net/2019/04/12093147/spotify.png) [ ![Unity - Criação de jogos RPG 2D](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/unity-rpg-2d.svg) Curso Unity - Criação de jogos RPG 2D Conhecer o curso ](https://www.treinaweb.com.br/curso/unity-rpg-2d-completo) Outras informações poderão ser adicionadas conforme o projeto, referentes por exemplo a itens de papelaria, cartão de visitas, plotagem de veículos, uniformes e assinatura de e-mail. Quanto mais completo um manual de identidade visual, menores serão os riscos para a marca. Gostou do conteúdo? Tem alguma sugestão? Deixe o seu comentário abaixo! :) Até a próxima! - [ #Design ](https://www.treinaweb.com.br/blog/tag/design) - [ #Identidade Visual ](https://www.treinaweb.com.br/blog/tag/identidade-visual) - [ #designer freelancer ](https://www.treinaweb.com.br/blog/tag/designer-freelancer) - [ #design gráfico ](https://www.treinaweb.com.br/blog/tag/design-grafico) - [ #designer ](https://www.treinaweb.com.br/blog/tag/designer) - [ #adobe illustrator ](https://www.treinaweb.com.br/blog/tag/adobe-illustrator) - [ #adobre photoshop ](https://www.treinaweb.com.br/blog/tag/adobre-photoshop) - [ #adobe indesign ](https://www.treinaweb.com.br/blog/tag/adobe-indesign) - [ #manual da marca ](https://www.treinaweb.com.br/blog/tag/manual-da-marca) - [ #manual de identidade visual ](https://www.treinaweb.com.br/blog/tag/manual-de-identidade-visual) - [ #designer gráfico ](https://www.treinaweb.com.br/blog/tag/designer-grafico) Autor ![Felipe Moura](//secure.gravatar.com/avatar/d86e408c1ad1117faf962508b0dab6c8?d=mm) ## Felipe Moura Designer gráfico há 6 anos, especializado em branding. Formado em Publicidade, Propaganda e Criação pela Universidade Mackenzie de São Paulo. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/felipe-moura) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/07/18131538/laravel-route-model-bind-400x280.jpg) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 8 anos atrás ## [ Como se usa e o que resolve o recurso de Route Model Binding do Laravel ](https://www.treinaweb.com.br/blog/como-se-usa-e-o-que-resolve-o-recurso-de-route-model-binding-do-laravel) Saiba o que é o Route Model Binding do Laravel, qual problema ele resolve e como utilizá-lo de forma automática com Implicit Binding e manual com Explicit Binding. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/07/DICA-CODIGO-TS-400x280.jpg) [ Dica de código ](https://www.treinaweb.com.br/blog/categoria/dica-de-codigo) 3 anos atrás ## [ Dica de Código: Desestruturação em TypeScript ](https://www.treinaweb.com.br/blog/dica-de-codigo-desestruturacao-em-typescript) Aprenda como a desestruturação em TypeScript simplifica o código e torna-o mais legível. Técnica essencial para desenvolvedores! Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/09/o_que_e_firebase-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 6 anos atrás ## [ O que é Firebase? ](https://www.treinaweb.com.br/blog/o-que-e-firebase) Veja neste artigo o que é Firebase. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/03/24221941/SELENIUM-400x280.png) [ Testes e Projetos ](https://www.treinaweb.com.br/blog/categoria/testes-e-projetos) 7 anos atrás ## [ O que é Selenium? ](https://www.treinaweb.com.br/blog/o-que-e-selenium) Confira neste artigo o que é o Selenium. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/14232157/capa-produtividade-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 8 anos atrás ## [ Como quintuplicar a produtividade no desenvolvimento de software? ](https://www.treinaweb.com.br/blog/como-quintuplicar-a-produtividade-no-desenvolvimento-de-software) Veja neste artigo algumas dicas que podem te ajudar em sua produtividade no desenvolvimento de software. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/03/01154207/capa-testes-automatizados-400x280.png) [ Testes e Projetos ](https://www.treinaweb.com.br/blog/categoria/testes-e-projetos) 8 anos atrás ## [ Por que escrever testes automatizados? ](https://www.treinaweb.com.br/blog/por-que-escrever-testes-automatizados) Veja mais sobre a importância do teste de software automatizado e o porquê de você fazê-lo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/08/07161700/gerenciamento-python-400x280.png) [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 8 anos atrás ## [ Gerenciando pacotes em projetos Python com o PIP ](https://www.treinaweb.com.br/blog/gerenciando-pacotes-em-projetos-python-com-o-pip) Veja neste artigo como gerenciar pacotes para seus projetos Python utilizando o PIP. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2017/06/aumente-a-seguranca-na-digital-ocean-com-o-cloud-firewalls-400x280.png) [ Computação em nuvem ](https://www.treinaweb.com.br/blog/categoria/computacao-em-nuvem) 10 anos atrás ## [ Aumente a segurança na Digital Ocean com o Cloud Firewalls ](https://www.treinaweb.com.br/blog/aumente-a-seguranca-na-digital-ocean-com-o-cloud-firewalls) Veja como é possível proteger os seus servidores na Digital Ocean usando o firewall nativo da plataforma. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2025/01/NOVIDADES-REACT-19-400x280.jpg) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 2 anos atrás ## [ 4 Novidades do React 19 ](https://www.treinaweb.com.br/blog/4-novidades-do-react-19) Descubra 4 novidades do React 19, incluindo novos hooks, otimizações de performance e uso prático das Actions para formulários. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/05/NEST-JS-UPLOAD-ARQUIVOS-400x280.png) [ Node ](https://www.treinaweb.com.br/blog/categoria/node-js) 3 anos atrás ## [ Trabalhando com Prisma ORM e NestJS ](https://www.treinaweb.com.br/blog/trabalhando-com-prisma-orm-e-nestjs) Neste artigo vamos aprender os primeiros passos para trabalhar com o Prisma ORM e o NestJS. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/10/o-que-e-e-como-comecar-com-golang-400x280.jpg) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 3 anos atrás ## [ Gerenciamento de dependências no Go ](https://www.treinaweb.com.br/blog/gerenciamento-de-dependencias-no-go) Nesse artigo veremos como podemos utilizar o Go Tools para realizar o gerenciamento de dependências no Go. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/04/Formas_de_se_trabalhar_com_o_Bootstrap_5-400x280.jpg) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 5 anos atrás ## [ Formas de se trabalhar com Bootstrap 5 ](https://www.treinaweb.com.br/blog/formas-de-se-trabalhar-com-bootstrap-5) Existem algumas maneiras diferentes de se trabalhar com Bootstrap em nossos projetos, vamos descobrir todas as formas do uso do framework. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **11h 24min 49s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58