guia de uso hills design
DESCRIPTION
Guia de uso desenvolvido para a marca Hills Design, feito como trabalho da matéria de Metodologia do Projeto no 4º semestre do curso de design digital.TRANSCRIPT
![Page 1: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/1.jpg)
1
BRANDBOOK
![Page 2: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/2.jpg)
2
Índice
A agência
A marca
O logo no fundo positivo e negativo
O logo em preto e branco
Redução minima
Uso incorreto
Excessões de Utilização do Logo
Uso incorreto das excessões
Tipografia
Arejamento
Restrições de Aplicação
Versões da marca
Aplicações
3
4
5
6
7
9
10
12
14
15
16
18
19
![Page 3: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/3.jpg)
3
1. A agênciaA agência Hills tem como objetivo ser o maior diferencial em quesito de quali-dade, buscamos sempre manter um ambiente descontraído, espírito de equipe e responsabilidade com o ar de “se sentir em casa”. A Hills preza por valores como, estilo, leveza, clareza, espontaneidade, sagacidade, organização, e pontualidade. Somos uma agência totalmente digital, trabalhamos com foco no desenvolvimento e aperfeiçoamento de nossos clientes nas mídias digitais sempre contando com planos técnicos de estratégia e uma equipe altamente especializada, experiente e principalmente conectada com as novidades do mercado para oferecer a melhor solução desde a criação de seu site, hot-site, banner até o planejamento de envio e retorno do e-mail marketing.
Valores: A Hills preza por valores como, estilo, leveza, clareza, espontaneidade, sa-gacidade, organização, e pontualidade.
![Page 4: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/4.jpg)
4
2. A marcaA escolha do nome Hills deve-se a famosa frase, “Run to the Hills”, em português, “corra para as colinas”. O objetivo é expressar através do nome Hills a ideia de che-gar ao topo, ou seja, no mercado de design. Chegar ao topo no google, alcançar o resultado extremo desejado pelo cliente, o prazer de chegar ao pico, o maior ponto, o maximo. Trazer clientes de outras agências através do slogan, “run to the hills” ou seja, corra até a hills e faça um trabalho melhor, algo que vai não somente satisfazer, mas, surpreender todas as expectativas.A marca Hills é formada por um quadrado que representa a solidez da marca e o amarelo com a intenção de representar inovação, foi usado a tipografia Gothan Medium, uma fonte sem serifa pois é uma tipografia com formas retas parecido com o box amarelo.
![Page 5: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/5.jpg)
5
3. O logo no fundo positivo e negativo
Pantone 109 ec
Pantone 109 ec
k:100%
k:100%
![Page 6: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/6.jpg)
6
4. O logo em preto e branco
k:100%
k:100%
k:100%
![Page 7: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/7.jpg)
7
5. Redução mínima para impressão
35mm
0,8mm 0,8mm
Para assegurar a perfeita legibilidade e qualidade de reprodução do logotipo redu-zido, seja em vinhetas, vídeos, web, folders, cartões e etc. A marca deverá seguir o mesmo padrão até determinada dimensão, havendo a necessidade de reduzir ainda mais, a marca passa a ser representada pelo mesmo modelo e cor de box porém a tipografia é reproduzida por “h.” Como no modelo a seguir:
![Page 8: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/8.jpg)
8
100px
22px 22px
6. Redução mínima para web
![Page 9: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/9.jpg)
9
7. Uso incorretoManter a integridade da marca é fundamental, sua incorreta ou má utilização pode trazer efeitos negativos e indesejáveis para sua peça e a empresa a quem pertence, certifique-se de manter a aplicação sempre como determinado.
Não alterar a cor do box amarelo.
Não modificar o box amarelo.
Não utilizar ou-tro box de fun-do.
Não mudar a tipografia.
Não mudar a cor da tipogra-fia.
Não inclinar o logo.
Não reduzir o box.
Não centralizar a tipografia.
Não usar degra-dê.
Não rotacionar a tipografia.
![Page 10: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/10.jpg)
10
8. Excessões de utilização do logoA utilização do logotipo da agência Hills é preferencialmente representada na sua forma original do quadrado com a tipografia localizada internamente na parte infe-rior, porém existem algumas excessões que em alguns casos podem ser aplicadas seguindo outras regras:
Uma faixa amarela vertical sangrando nas duas pontas, onde ela deve iniciar a partir da localização do logotipo no extremo inferior ou superior, considerando sempre seu quadrado original como base seguindo as restrições do arejamento.
![Page 11: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/11.jpg)
11
8.1. Excessões de utilização do logoUma faixa amarela horizontal sangrando nas duas pontas seguido do ponto final que é esticado até sangrar no extremo oposto ao logo, deve iniciar a partir da localização do logo no extremo inferior esquerdo, considerando sempre seu qua-drado original como base seguindo as restrições do arejamento.
A cor predominante da marca em todo o material com o logo centralizado ao centro, neste caso desconsiderando o quadrado e alinhando apenas a tipografia.
![Page 12: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/12.jpg)
12
9. Uso incorreto das excessões
Não alinhar a tipografia na utilização da faixa vertical, mas sim o logo inteiro com o quadrado sempre nos extremos superior/inferior seguindo a restrição de areja-mento.
![Page 13: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/13.jpg)
13
Na faixa horizontal, o ponto deve sempre sangrar no lado oposto assim como a faixa que o segue.
Não alinhar a marca inteira ao centro, apenas para o logo centralizado é preciso desconsiderar o quadrado e alinhar apenas a tipografia.
9.1. Uso incorreto das excessões
![Page 14: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/14.jpg)
14
10. Tipografia
Gotham BookAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvXxWwYyZz01234567890
Tahoma RegularAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvXxWwYyZz01234567890
Gotham MediumAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvXxWwYyZz01234567890
A família tipográfica utilizada pela Agência Hills é a Gotham nas variações Book e Medium. É utilizada tanto para peças gráficas e digitais.
Quando não for possível utilizar a fonte Gotham, como em websites, documentos internos e e-mails, será usada a fonte Tahoma na versão regular.
![Page 15: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/15.jpg)
15
11. Arejamento
3x3x
3x3x
3x 3x
Para facilitar a leitura e proteger a marca de outros elementos, existe a necessida-de de manter um espaçamento ao redor da marca, separando-as de títulos, textos, imagens, margens dos materiais impressos e etc. A medida da área mínima de pro-teção por padrão é proporcional em todos lados e corresponde ao triplo da largura do ponto final da tipografia.
![Page 16: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/16.jpg)
16
12. Restrições de aplicação
100% 90% 80% 70% 60%
50% 40% 30% 20% 10%
Em algumas situações, há necessidade da utilização da marca em versão preto e branco, a Hills utiliza para o box sobre fundo branco uma possibilidade na variação da cor do preto a partir de 30% sendo o mínimo e 100% o máximo, para o fundo preto a variação do box é de 0%,20%,30%,40% e 50%.
![Page 17: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/17.jpg)
17
90% 80% 70% 60% 50%
40% 30% 20% 10% 0%
12.1 Restrições de aplicação
![Page 18: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/18.jpg)
18
13. Versões da marcaA Hills possui três versões de marca, cada uma com suas características e requisitos próprios de aplicação sendo elas: a principal, sem assinatura (design) e reduzida.
![Page 19: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/19.jpg)
19
14. Aplicações
![Page 20: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/20.jpg)
20
14.1. Aplicações
![Page 21: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/21.jpg)
21
14.2. Aplicações
![Page 22: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/22.jpg)
22
14.3. Aplicações
![Page 23: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/23.jpg)
23
14.4. Aplicações
![Page 24: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/24.jpg)
24
14.5. Aplicações
![Page 25: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/25.jpg)
25
14.6. Aplicações
Tamanho: 21cm x 29,7cm
![Page 26: Guia de uso Hills Design](https://reader033.vdocuments.com.br/reader033/viewer/2022052412/558aabd8d8b42a7e108b45f9/html5/thumbnails/26.jpg)
26
BRANDBOOK
André olivaLeandro lacerdaMaicow Silva SantosRaniel OliveiraRicardo Augusto