BRAND BOOK
Guia de padronização e uso correto da marca Upper Softwares MARÇO. 2016 Este guia é parte integrante do pack de arquivos referente à entrega final
IDENTIDADE VISUAL
O QUE É UMA IDENTIDADE VISUAL? Identidade Visual é o conjunto dos elementos gráficos que representam uma instituição. Compreende todo e qualquer material gráfico que possua uma imagem institucional. A aplicação correta e atenta de uma Id. Visual elimina ruídos na comunicação corporativa. SUA IMPORTÂNCIA NO NEGÓCIO. A Identidade Visual é responsável pela identificação em qualquer meio de aplicação. Sua fixação no intelecto geral se dá através da uniformidade das aplicações, sugerindo capacidade, organização, competência e profissionalismo.
Este guia apresentará as normas e parâmetros necessários para o uso da marca. Mais precisamente o que fazer e o que evitar para que a marca possa ser apresentada sempre com qualidade e versatilidade. Sempre que surgir dúvidas sobre a aplicação do material, consulte seus autores via: contato@agfoco.com.br
Criação
AGÊNCIA FOCO Cliente
UPPER SOFTWARES Projeto
MARÇO / 2016
MARCAS E LOGOS
A MARCA MOSTRA A PERSONALIDADE DA EMPRESA. Assim como uma pessoa deixa impressões, a marca define a representação da empresa, seu humor, tom de voz e o que ficará na memória do público. O LOGO É UMA DAS MANIFESTAÇÕES DA MARCA. Talvez a mais constante e mais reconhecível, mas apenas uma. A combinação de cores, por exemplo, também é uma manifestação da marca, assim como é o atendimento ao cliente, a unidade entre as estruturas físicas, a forma de organização, os uniformes, o ambiente digital e etc.
FIQUE LIGADO E CUIDE DE SUA MARCA!
COMPOSIÇÃO
Para criar a marca Upper Softwares procuramos inspiração em uma tela de sistema, uma tabela comum de registros do usuário. Baseados em um elemento real passamos então a desconstruir a composição e reajustar os elementos afim de criar uma imagem nova. Formulários de diferentes tamanhos e seus respectivos botões de ação formam uma figura única, uma caixa retangular que não só representa uma potência do dia-a-dia da empresa mas também emula uma letra. Assim criamos o ícone da marca. Que foi integrado posteriormente como letra E na palavra Upper. Com essa definição, as letras foram criadas manualmente de forma que respeitassem largura e altura idênticas às do ícone já definido. A largura das hastes (pernas) foram também igualadas às do ícone e essa adequação geral criou o nome da empresa apresentado de forma harmoniosa. Finalmente, para integrar a palavra Softwares na marca, buscamos o uso de uma tipografia bastante horizontal e espaçada, que se encaixasse sob as duas letras finais da marca e a finalizassem como um objeto só. A marca Upper Softwares é tecnológica, séria e confiável. É moderna e exclusiva. Tem força nas cores e um ícone de destaque. A marca Upper Softwares está pronta para o mundo dos negócios!
4
GUIA DE PADRONIZAÇÃO DA MARCA UPPER SOFTWARES
A MARCA
MARCA UPPER SOFTWARES EM SUA APLICAÇÃO PRINCIPAL
5
MODOS DE APLICAÇÃO
Ao lado algumas versões de aplicação da marca Upper Softwares. É importante que se use na maioria das aplicações a versão primordial da marca - com o quadro limitador ao fundo, ainda que em alguns casos o quadro não seja visível e pareça removido. Pelo bem da composição, o quadro sempre garantirá boa exibição em todo o tipo de fundo que for aplicado. Ao lado, aplicações sobre fundo colorido em cores e de forma monocromática (uma só cor) para uso em impressões mais básicas, bordados e etc.
6
GUIA DE PADRONIZAÇÃO DA MARCA UPPER SOFTWARES
CONSTRUÇÃO EM GRID PADRÃO X Ao lado, um passo-a-passo apresenta uma maneira simples e descomplicada para o desenho do ícone. Respeitando-se esta padronização a imagem nunca será criada de forma errada e com isso, a marca não comunicará desequilíbrio ou quebra de discurso. O padrão X é quadrado e, numa justaposição destes elementos cria-se o ícone que representa a marca.
7
CORES INSTITUCIONAIS
PANTONE
RGB
CMYK
HEXADECIMAL
Solid Coated 165C
255 00 #FF5F00 95 63 00 100 00
PANTONE
RGB
Solid Coated 136C
255 00 191 25 63 75 00
#FFBF3F
PANTONE
RGB
CMYK
HEXADECIMAL
Solid Coated 433C
29 37 45
90 68 41 90
#1D252D
As cores institucionais têm a qualidade de identificar a organização e seu uso consistente é fator crítico na construção de uma marca. As cores evocam reações que vão além das palavras, traduzindo sensações que superam barreiras de culturas ou línguas. Como as cores se alteram em função das técnicas de impressão (offset, serigrafia, impressão a laser, películas de recorte, etc) e dos suportes onde se aplicam (papéis foscos/brilhantes, chapas metálicas, monitores de computador, tecidos
CMYK
HEXADECIMAL
etc), adotadamos como referência visual a escala internacional Pantone. Na tabela ao lado as cores e suas correspondentes:
8
GUIA DE PADRONIZAÇÃO DA MARCA UPPER SOFTWARES
ICONOGRAFIA
O uso de uma iconografia integrada Ă identidade ajuda a garantir a unidade do discurso integrado da empresa. Um grupo de Ăcones foi preparado conforme as cores institucionais e organizados a seguir:
9
USO DE TIPOGRAFIA
O alfabeto padrão escolhido para a comunicação da marca Upper Softwares é a família tipográfica Roboto, uma tipografia moderna, de boa legibilidade e que poderá ser utilizada em todas as suas versões (light, normal, negrito, itálico, etc). Sua aplicação está prevista para os mais diversos materiais, tais como: cartas, textos de formulários, anúncios publicitários, folders, publicações e etc. Para assegurar maior dinamismo à comunicação, os textos corridos não devem ser centralizados, sendo alinhados à direita ou à esquerda.
Modelo utilizado em títulos compostos de letras maiúsculas, minúsculas e números 01234567890 Modelo utilizado em títulos compostos de letras maiúsculas, minúsculas e números 01234567890 Modelo utilizado em títulos compostos de letras maiúsculas, minúsculas e números 01234567890
10
GUIA DE PADRONIZAÇÃO DA MARCA UPPER SOFTWARES
DOWNLOAD
Bold, Regular e Light As fontes estão disponíveis na pasta final para baixar e utilizar.
USOS INAPROPRIADOS
Afim de manter a integridade e coerência do discurso visual da Upper Softwares, analise e siga de forma correta as seguintes regras: •
Não utilize versões da marca sem a aplicação do quadro retangular. Como parte integrante da marca, ele precisa estar presente;
•
Não crie versões diferentes da marca através de combinações de cor não presentes neste guia;
•
Não aplique transformações em áreas únicas da marca. Se precisar girar ou aumentar o desenho, por exemplo, gire ou escalone sempre todos os elementos em conjunto.
•
Jamais estique ou comprima a marca, vertical ou horizontalmente. Sempre altere o tamanho de forma escalada. De 100% para 150% de largura, por exemplo
11
REDES SOCIAIS
Abaixo alguns modelos de como a marca Upper Softwares se apresenta em perfis de redes sociais. As imagens de produtos, frase de destaque e cor dos planos de fundo poderão se alterar de acordo com as datas de publicação mas a estrutura deverá de manter. Observação. Os dados foram tirados do conteúdo do próprio cliente e poderão ser alterados na sequência, depois da entrega do projeto.
12
13
www.agfoco.com.br
facebook.com/AgFoco