Manual de Aplicação da Marca Guia de Identidade Visual Guia Identidade Visual 1 Ver. 28.07.17
Este é o manual de Identidade Visual da Hostnet Internet, desenvolvido com o objetivo de preservar as propriedades visuais da marca e garantir a correta propagação, percepção, identificação e memorização. A seguir, você encontrará um documento técnico com um conjunto de recomendações, especificações e normas para utilizar a marca da Hostnet em seus trabalhos gráficos e nos meios digitais, tais como cores, aplicação sobre fundos, tipografia e mais. EM CASO DE DÚVIDAS, ENTRAR EM CONTATO COM A HOSTNET. Guia Identidade Visual 2
Índice 4 LOGOMARCA 12 TIPOGRAFIA 5 6 Variações Área de Proteção 14 APLICAÇÕES 7 Redução 15 Assinatura 8 Cores 16 Cartão de visita 9 Aplicação sobre fundos 10 Uso Indevido 11 Versão positiva e negativa Guia Identidade Visual 3
Guia Identidade Visual 4
Variações A hostnet possui duas versões de sua marca: Vertical e horizontal. É recomendável o uso da marca na vertical. Em casos de problemas com espaçamento em uma aplicação, deve-se utilizar a versão secundária. Guia Identidade Visual 5
Área de Proteção 3 px Para ser utilizado ao lado de qualquer elemento, deverá respeitar a área de 3px. Veja como no exemplo ao lado. 3 px Guia Identidade Visual 6
Redução O limite de redução determina qual o tamanho mínimo da marca sem que sua legibilidade seja prejudicada na aplicação. Deve-se respeitar o limite para impressos de 30mm e digital, 60px. Na logomarca vertical, o limite será de 19mm para impressão, e digital será de 45px. 19mm - impresso 45px - digital 30mm - impresso 60 px - digital Guia Identidade Visual 7
Cores Sempre que possível, utilize as cores da escala Pantone para obter o resultado de melhor qualidade. Quando essa opção não for possível, deve-se utilizar as cores em CMYK. PANTONE 2736 C RGB 65, 70, 168 PANTONE 253 C RGB 145, 84, 148 PANTONE BLUE 072 U CMYK 88, 85, 0, 0 PANTONE 254 U CMYK 45, 83, 11, 0 #2c4593 #95358b Guia Identidade Visual 8
Logomarca Aplicações sobre fundos A logomarca pode ser aplicada sobre fundo colorido desde que o princípio básico de máximo contraste seja preservado. Ou seja, deve-se escolher a versão que permita a melhor leitura da logomarca. Fundo preferencial #efefef #2c4593 Fundo opcional Guia Identidade Visual 9
Uso Indevido Veja alguns exemplos de aplicações indevidas da marca da Hostnet, que não podem ser aplicadas de forma alguma em qualquer trabalho impresso ou digital. Não é permitido: Alterar a posição do símbolo (nuvem); Aumentar o símbolo (nuvem); Alterar as cores do símbolo por outras que não estão estabelecidas na página 8 desse manual; Aplicar sombra projetada na logo; Tracejar a logo; Aplicar degradê; Esticar de forma desproporcional na horizontal ou vertical. EM CASO DE DÚVIDAS, ENTRE EM CONTATO COM A HOSTNET. Guia Identidade Visual 10
Versão Positiva e Negativa Guia Identidade Visual 11
Tipografia Guia Identidade Visual 12
Tipografia A tipografia é um elemento-chave do sistema visual e as fontes tipográficas escolhidas proporcionam padrões gráficos exclusivos para a Hostnet, o que traz personalidade e singularidade para a comunicação. Tipografia oficial ABC Zwodrei Bold ABC Lato Light Lato Medium Lato Bold ABC Titilium Web Regular Tipografia para textos de apoio, como subtítulos, call to action, descritivos e legendas. Tipografia específica para ser usado como complemento da logomarca. ABC Open Sans Light Open Sans Bold Tipografia exclusica para web Guia Identidade Visual 13
Aplicações Guia Identidade Visual 14
Aplicações Assinatura Inclua o código abaixo no seu programa de e-mail ( Outlook, Thunderbird e outros) ou no Webmail da Hostnet, na área destinada a personalização da assinatura. Versão com foto ATENÇÃO: É NECESSÁRIO QUE A FOTO E A LOGO ESTEJAM DENTRO DO FTP DO SITE, PARA QUE ELA SEJA EXIBIDA CORRETAMENTE. Código em HTML Versão sem foto <html> <table width= 442px heigth= 61px cellpadding= 0 cellspacing= 0 border= 0 > <tbody> <tr> * <td width= 64px heigth= 61px ><p><img src= http://www.tuiuiu.com/temp/foto2.jpg width= 64px heigth= 61px border= 0 alt= Daniel ></p></td> <td style= font-family:tahoma,arial,verdana; font-size:9px; text-align:left; color:#8c8989; padding-left: 10px; width= 230px heigth= 61px > <p><strong>daniel Fernandez Nome do Cargo</strong><br /><br /> 3717 0707 (Grande São Paulo ou Rio de Janeiro)<br /> 0800-8881177 (Demais regiões do Brasil)<br /> <a style= color: #394899; text-decoration: none; href= https://www.hostnet.com.br target= _blank ><strong>www.hostnet.com</strong></a></p> </td> <td width= 69px heigth= 61px ><p><img src= http://www.tuiuiu.com/temp/logo.jpg width= 69px heigth= 61px border= 0 alt= Logo Hostnet ></p></td> <td width= 79px heigth= 61px ><p><img src= http://www.tuiuiu.com/temp/logo2.jpg width= 79px heigth= 61px border= 0 alt= Logo Tuiuiú ></p></td> </tr> </tbody> </table> </html> *PARA A VERSÃO SEM FOTO, REMOVA A TAG EM HTML Guia Identidade Visual 15
Aplicações Cartão de Visita Nome: Zwodrei Bold, corpo 12 Cargo/ E-mail/ Telefone: Roboto Regular, corpo 7 Site/ Endereço: Roboto Light, corpo 6 Visita - 48x88mm Couchê 300g - 4x4 Laminação Fosca e Verniz Localizado F/V Site da gráfica recomendado: https://www.futuraimbativel.com/loja/1193,1197,494,cartoes-de-visita- -Verniz-Localizado-Frente-Corte-Reto.aspx Faça o download da logomarca no link abaixo: https://www.hostnet.com.br/logo/ Guia Identidade Visual 16