Muitos designers e criativos ignoram a necessidade de um guia de estilo da marca (também chamado de bíblia da marca, ou incluído como parte de uma bíblia da marca) - algo que fornece um conjunto de regras claras sobre como os materiais de marketing on-line e off-line deve olhar.

Guias de estilo podem economizar tempo, dinheiro e toneladas de frustração no futuro, facilitando a manutenção e a criação de seus materiais de marketing. Considere-o como uma extensão de marcação bem comentada; Dá-lhe instruções para exatamente como as coisas devem ser feitas e, às vezes, até mesmo insight sobre o motivo.

Se você não está convencido de que precisa de uma para praticamente todas as marcas ou empresas com as quais trabalha, ou se não tiver certeza de como criar uma, continue a ler…

Por que toda marca deve ter um guia de estilo

Um guia de estilo pode parecer desnecessário para uma pequena empresa, ou quando há apenas um designer. Mas, na verdade, toda marca deve ter um guia de estilo e identidade visual para garantir que todos os elementos visuais que eles produzem sejam consistentes.

Vamos pegar a ideia do designer primeiro. Então você é o designer solitário em um projeto para sua empresa. Você cria seu logotipo, website, cartões de visita e todos os outros materiais de marketing de que eles precisam. Você conhece todos os elementos de cor.

Agora, um ano depois, a empresa triplicou de tamanho e, de repente, eles precisam contratar um segundo projetista para lidar com parte de sua carga de trabalho. Você começa a diversão de ensinar essa nova pessoa todas as diretrizes para a marca de memória. Incluindo muitas coisas que você nem imaginou no ano passado.

E, claro, se algo importante não for transmitido, eles o culparão por não treinar adequadamente o novo funcionário.

Seria infinitamente mais fácil se você pudesse simplesmente entregar um guia de estilo que contenha tudo o que eles precisam saber: cores, tamanho e posicionamento do logotipo, fontes usadas, etc.

Ou digamos que você é um freelancer trabalhando com vários clientes. Um guia de estilo facilita o retorno ao trabalho que você fez meses ou anos, sem ter que vasculhar seus arquivos antigos para descobrir qual fonte exata você usou ou exatamente quais eram os valores hexadecimais para determinadas cores. Em vez disso, você pode abrir um único arquivo e ver tudo o que precisa saber em questão de segundos.

Guias de estilo também podem ajudar a garantir que o trabalho que você fez para uma marca não seja arruinado por algum designer novo e menos capacitado que não entende como seu design deve funcionar. A última coisa que você quer é que seu logo perfeitamente construído seja usado muito pequeno ou colocado muito perto de outros elementos, efetivamente matando seu impacto (ou pior, tendo elementos criados com espaço negativo totalmente destruídos).

Ao ter um guia de estilo para cada marca com a qual você trabalha, você tornará seu trabalho mais fácil e seu trabalho mais consistente (o que resulta em uma imagem mais profissional para todos os envolvidos). Construir um guia de estilo básico quando você está inicialmente trabalhando em um projeto não consome tempo, mas pode economizar horas de trabalho e uma frustração sem fim ao longo do caminho.

Os elementos básicos

Cada guia de estilo será um pouco diferente, pois depende de quão complexa é uma marca e de quantos tipos diferentes de materiais de marketing eles podem ter. Existem alguns elementos básicos que provavelmente aparecerão em praticamente todos os guias de estilo.

Fontes

Cada marca deve ter um conjunto consistente de fontes sendo usadas em todos os seus materiais de marketing, on-line e off-line. Listar essas fontes, com exemplos e conjuntos de caracteres, é extremamente importante.

fontes

Não se esqueça de que além das faces de fontes usadas, você também pode especificar tamanhos para itens como títulos ou legendas de fotos. Também é uma boa idéia especificar se quaisquer estilos ou pesos específicos da família de fontes não devem ser usados, se ligaduras ou caracteres alternativos forem ou não usados, e assim por diante.

Cores

As cores usadas por uma marca devem ser explicitadas com o máximo de detalhes possível. Isso significa oferecer não apenas códigos hexadecimais para uso na Web, mas também valores equivalentes de cores CMYK e até mesmo cores Pantone para impressão. Nem todas as cores podem ser perfeitamente transferidas entre o uso da web e da impressão, por isso é uma boa ideia especificar suas preferências para que você não fique com uma cor que colide com o design original.

cores

Conversões diretas de muitos tons no espaço de cor RGB podem variar drasticamente em CMYK sem ajustes manuais (alguns azuis geralmente ficam mudos e mais escuros, vermelhos podem parecer mais laranja ou rosa, etc.). Aproveite o tempo para verificar e manipular cada espaço de cor para obter os melhores resultados possíveis. E certifique-se de verificar suas cores CMYK na impressão, não apenas na tela.

Tamanho e posicionamento do logotipo

Geralmente, a maioria dos logotipos perderá o efeito se forem exibidos muito pequenos. Você pode ter logotipos alternativos (geralmente simplificados) para serem usados ​​em tamanhos pequenos ou apenas um tamanho mínimo no qual o logotipo deve ser exibido.

logotipos

Você também deve especificar quanto espaço vazio precisa cercar o logotipo para que ele não perca o efeito. Especifique se o logotipo pode ser exibido em cores alternadas (principalmente se puder ser exibido em escala de cinza) e se ele deve aparecer apenas em segundo plano neutro ou se os planos de fundo coloridos estão corretos. Especifique também se o logotipo pode ser colocado dentro de uma borda ou caixa e quanto espaço livre precisa ser deixado em torno dele nesses casos.

Ícones ou outras imagens

Se houver ícones específicos (ou conjuntos de ícones) que devem ser usados ​​exclusivamente ou imagens específicas que são comumente usadas, não se esqueça de especificá-los em seu guia. Incluir um link para o conjunto de ícones exato é uma boa ideia, já que os nomes dos ícones nem sempre são 100% exclusivos e podem ser facilmente confundidos.

Você também deve especificar aqui se apenas determinados tipos ou estilos de imagens devem ser usados. Por exemplo, você pode especificar que todas as fotos usadas precisam incluir uma cor específica ou precisam ter um filtro vintage aplicado ou precisam ser em preto e branco.

Diretrizes para redação de cópias

Embora nem todo guia de estilo precise de instruções sobre como a cópia deve ser escrita, pode ser uma boa ideia se a sua marca se esforça para apresentar um certo tom na comunicação escrita.

Pode haver certas palavras ou frases que devem ser incorporadas com frequência, enquanto outras podem ser evitadas a todo custo (às vezes porque estão fortemente associadas a um concorrente). Estes são importantes para especificar.

Também pode haver diretrizes específicas que copiem devem sempre ser otimistas e positivas, ou profissionais, ou fazer uso de linguagem que agrade a um determinado grupo demográfico.

Elementos Específicos da Web

Embora haja muitos elementos que são transmitidos entre a impressão e a Web, existem alguns elementos específicos da Web que você não encontrará em materiais impressos, mas que serão comuns on-line.

Isso inclui coisas como estilo de botão e hierarquia ou como os elementos de formulário devem aparecer. Manter essas coisas consistentes em várias páginas (ou até em vários sites) é um desafio sem um conjunto claro de regras a seguir.

Outros elementos a considerar

Você também pode considerar a inclusão de diretrizes para o seguinte:

  • Histórico da marca, visão e informações sobre personalidade. Isso é mais comum em uma bíblia da marca e pode estar ausente de um guia de estilo padrão.
  • Diretrizes de mídia social, incluindo os tipos de postagens que devem ser compartilhadas e como vários elementos de marca devem ser usados ​​em sites de mídia social.
  • Layouts de design e padrões de grade usados ​​on-line e às vezes em publicidade impressa.
  • Diretrizes para outros materiais, como folhetos ou cartões de visita.
  • Exemplos de uso para todos os elementos incluídos.

Se você quiser conferir exemplos de alguns guias de estilo inspiradores, confira nossos 20 guias de branding inspiradores do outono passado.

Quanto tempo deve ser o seu guia de estilo?

Guias de estilo podem variar de uma única página a dezenas de páginas, dependendo de quão complexa é a sua marca e de quantos tipos diferentes de materiais de marketing são produzidos regularmente.

Um site minimalista com um único design de logotipo, tipografia bem definida e uso de cores, e sem materiais off-line, provavelmente pode ser usado com uma única página de diretrizes de estilo.

No entanto, uma grande corporação multinacional com inúmeras divisões e marketing e publicidade em muitos meios provavelmente precisará de algo semelhante a um livro para esclarecer todas as suas diretrizes de uso.

Em ambos os casos, seu guia de estilo não deve ser mais do que o necessário, mas deve ser suficiente para transmitir com precisão todas as informações necessárias sobre o estilo visual da marca.

Um documento vivo

Seu guia de estilo não é definido em pedra. Marcas evoluem. Novos logotipos são criados. Sites são redesenhados. Materiais de marketing são atualizados. É importante garantir que seus guias de estilo sejam atualizados junto com outras atualizações.

middlecap

Seu guia de estilo também pode ajudar a garantir que as atualizações de marca sejam feitas de maneira transparente e menos propensas a alienar seus usuários. Ao olhar para onde a marca esteve, você pode apontá-la em uma direção que parece uma evolução natural, em vez de um forte contraste.

Mesmo que o seu guia de estilo seja um pouco fluido e mude com os tempos, certifique-se de manter as guias de estilo antigo a serem consultadas. E certifique-se de que todas as alterações que você fizer no guia sejam bem pensadas e não apenas uma desculpa para não seguir as diretrizes cuidadosamente planejadas que já existem.

Como os guias de estilo podem mudar com o tempo, é importante garantir que todos que precisam do guia sempre tenham acesso a uma versão atualizada. Hospedar o arquivo em um servidor de nuvem ou outro local central é uma boa ideia, assim como o namoro ou o controle de versão do guia.

Integrando seu guia de estilo

Elementos do seu guia de estilo podem ser integrados em um site. A inclusão de comentários no início de seus arquivos CSS, que descrevem as cores e as fontes usadas, é uma ótima maneira de garantir que essas diretrizes sejam seguidas ao longo do caminho.

Um guia de estilo completo deve estar facilmente disponível para qualquer pessoa que possa estar usando elementos de design dentro da marca. Torná-lo acessível em um servidor da empresa ou serviço de nuvem também é uma boa ideia. Você pode incluir um link para ele nos seus arquivos CSS ou em outro lugar, se você escolher (embora perceba que, a menos que seja protegido por senha ou em um servidor interno, isso está efetivamente tornando-o publicamente acessível).

Documento interno ou público?

Um número crescente de empresas está publicando seu guia de estilo de marca. Isso faz sentido por alguns motivos:

  1. Torna fácil obter as informações para as pessoas (designers) que precisam delas. Você pode apenas fornecer um link em vez de enviar arquivos ou fornecer senhas.
  2. Isso aumenta o senso de transparência da marca.
  3. Pode ser útil se a sua marca tiver cobertura da mídia, pois os jornalistas podem acessar informações sobre como usar seu logotipo, etc., sem ter que esperar que seu departamento de relações públicas (ou pessoa) retorne a eles.

É claro que, se você decidir tornar público seu guia de estilo da marca, certifique-se de que ele seja tão bem projetado quanto qualquer um dos seus materiais promocionais ou de marketing. Isso pode adicionar custos e tempo indevidos à criação do guia e dificultar a mudança na estrada.

bem acima

Um guia de estilo público também pode facilitar o roubo de sua marca por outras marcas. Enquanto nada que você faça pode parar alguém determinado a fazer isso (falta de ação legal), um guia de estilo torna isso muito mais simples. Elimina etapas no processo para o ladrão de marca.

No entanto, desde que você esteja confiante em sua marca e em sua empresa, isso não deve ser um fator decisivo para tornar o guia público ou não.

Manter o documento interno pode facilitar a atualização e a alteração, o que pode ser particularmente importante em um ambiente de inicialização. Também elimina a necessidade de o próprio guia ser “projetado” além de torná-lo o mais funcional possível. Só isso pode ser um grande benefício para mantê-lo interno se você já tiver designers com uma carga de trabalho pesada.

O objetivo de um guia de estilo é simplificar e agilizar o processo de design para todos os envolvidos. Certifique-se de que faz jus a essa função, seja interna ou pública.