26
BRANDBOOK

Guia de uso Hills Design

Embed Size (px)

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.

Citation preview

Page 1: Guia de uso Hills Design

1

BRANDBOOK

Page 2: Guia de uso Hills Design

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

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

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

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

6

4. O logo em preto e branco

k:100%

k:100%

k:100%

Page 7: Guia de uso Hills Design

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

8

100px

22px 22px

6. Redução mínima para web

Page 9: Guia de uso Hills Design

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

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

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

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

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

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

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

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

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

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

19

14. Aplicações

Page 20: Guia de uso Hills Design

20

14.1. Aplicações

Page 21: Guia de uso Hills Design

21

14.2. Aplicações

Page 22: Guia de uso Hills Design

22

14.3. Aplicações

Page 23: Guia de uso Hills Design

23

14.4. Aplicações

Page 24: Guia de uso Hills Design

24

14.5. Aplicações

Page 25: Guia de uso Hills Design

25

14.6. Aplicações

Tamanho: 21cm x 29,7cm

Page 26: Guia de uso Hills Design

26

BRANDBOOK

André olivaLeandro lacerdaMaicow Silva SantosRaniel OliveiraRicardo Augusto