Manual de identidade - Mandic
-
Upload
daniel-domovoy -
Category
Documents
-
view
244 -
download
0
description
Transcript of Manual de identidade - Mandic
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 1
MANUAL DE IDENTIDADE VISUAL
Aplicações, padrão de cores, tipografia e instruções gerais para uso geral da marca.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 2
Aplicações, padrão de cores, tipografia e instruções gerais para uso geral da marca.
MANUAL DE IDENTIDADE VISUAL
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 3
não vende, ele identifica. Um logo é menos importante do que o significado do produto; o seu significado é mais importante do que sua aparência.”“A logo doesn’t sell, it identifies. A logo is less important than the product it signifies; what it means is more important than what it looks like.”
- Paul Rand
“ UM LOGO
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 4
Estilo Visual
- O logo - Estilo e simbolismos - Tamanhos do logo - Area de isolamento - Usos corretos/incorretos - Lettering Mandic Cloud Solutions - Aplicações do símbolo
Cores
- pantones do logo Tipografia
- tipografia do logo - tipografia usado em layouts - tipografia em material interno (power point and word)
Materiais de aplicação
- Peças de mídia - Redes sociais
ÍNDICE
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 5
CORES FORMASLUZ&SOMBRA
Qualidades que se misturam em qualquer meio gráfico visual: seja na internet, no papel, na televisão ou no outdoor. Princípios básicos para se projetar uma grande arte ou um grande projeto arquitetônico, o que vale é a sincronia e a relação deles que no final resultam em estética. O papel da logomarca no entanto tem um adjetivo a mais nesse complexo: a funcionalidade. Como diria um dos maiores designers de todos os tempos, “Um logo não vende, ele identifica.” Essa é a funcionalidade da logomarca: identificar.
Este manual tem a função de conservar a força da logomarca criada para a Mandic, com o intuito de manter a memória visual de quem quer que seja atingido por ela, e por muitos anos conseguir estimular no consciente e inconsciente as qualidades da própria empresa dentro do trabalho visual. É fundamental que esteja claro para todos o simbolismo e as suas aplicações visuais, visando um entendimento e absorção de todos sinônimos relacionados aos conceitos chaves que criamos aqui: flexibilidade, tecnologia, segurança e a interface amigável. Tudo que um ambiente corporativo precisa em um só lugar.
Imagem ao lado: aplicação do logo para Internet e TV, com efeito tridimensional.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 6
REGRAS E ATRIBUTOS
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 6
Estilo Visual • Dimensões • Isolamento Aplicações Gerais
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 7
A nova logomarca da Mandic Cloud Solutions foi construída através de 4 princípios para influenciar o público: segurança, interface amigável, tecnologia e flexibilidade.
Além desses 4 princípios, o intuito da nova marca é transmitir humanidade e proximidade com o cliente, por isso de suas curvas no lettering e no símbolo 1
O símbolo representa muitos conceitos:
• A letra “M” de Mandic estilizada 2 • Gráficos de crescimento e evolução 2 • Ondas de transmissão como a do wifi 2 • Sua forma triangular representa uma base forte 3
1
2
3
3
Imagem acima ilustra a triangulação entre o centro das circuferencias que fazem os cantos dos elementos
ESTILO VISUAL
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 8
A nova logomarca da Mandic Cloud Solutions foi construída através de 4 princípios para influenciar o público: segurança, interface amigável, tecnologia e flexibilidade.
tamanho mínimo com assinatura 4,8cm largura
tamanho mínimo3,4cm altura
tamanho mínimo1,5cm altura
tamanho mínimo 2,3cm largura
DIMEN-SÕES
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 9
X
ISOLA-MENTO
A nova logomarca da Mandic Cloud Solutions foi construída através de 4 princípios para influenciar o público: segurança, interface amigável, tecnologia e flexibilidade.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 10
APLICA-ÇÕES Versões negativas e em fundo de imagem
A logomarca deve ser aplicada em branco somente em fundos com cores da paleta de aplicação da Mandic.
Fundos com imagem devem ter sincronia com o looking feel da Mandic, e sempre em contraste que tenha legibilidade
Em fundo preto, a logomarca pode ser aplicada tanto em branco como o símbolo em laranja com fundo branco.
Não aplicar o logo com cores que não contrastam com o fundo e não tenha legibilidade, nem usar outros esquemas de cores em fundo preto.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 11
APLICAÇÕESSedit, suntium es earum fuga. Haruptatiis sinctur autem repelignatem et iur restrum eum ali.
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 12
APLICAÇÕESSedit, suntium es earum fuga. Haruptatiis sinctur autem repelignatem et iur restrum eum ali.
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 13
MANDIC
APLICAÇÕESSedit, suntium es earum fuga. Haruptatiis sinctur autem repelignatem et iur restrum eum ali.
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
Archicab illabor emporeiciis pratem rerchictatem doluptae exeraectio ma voloreste parchil
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 14
LOGOS E SELOS PARALELOS
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 14
Outros usos visuais de símbolos de produtos e serviços da Mandic
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 15
SELOS DOS PRODUTOSA aplicação dos selos atrelados aos produtos da Mandic seguem as mesmas regras que a aplicação da logomarca, em cores, tipologia, negativo e positivo etc.
Signika Bold, skew (inclinação) de 10º
Signika Bold, skew (inclinação) de 10º
Signika Light, skew (inclinação) de 10º
Quando um produto possue duas palavras para denominar o serviço, a primeira sempre é Signika Light, e a segunda Signika Bold, com skew (inclinação) de 10º
No caso de uma palavra apenas, é usado Signika Bold.
Mandic OrangeC: 0% • M: 75% • Y: 100% • K: 0%
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 16
SELO MANDIC
A aplicação dos selos atrelados aos produtos da Mandic seguem as mesmas regras que a aplicação da logomarca, em cores, tipologia, negativo e positivo etc.
O primeiro gráfico é usado em web e veículos digitais.
No caso de veículos impressos, usar a versão vetorial, com cor chapad, versão branca ou Mandic Orange.
Qualquer aplicação do selo tem que ser com um contraste considerável com o fundo.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 17
SELO MANDIC
A aplicação dos selos atrelados aos produtos da Mandic seguem as mesmas regras que a aplicação da logomarca, em cores, tipologia, negativo e positivo etc.
A versão 3D é usada em veículos web ou outros digitais, como uma versão especial.
Qualquer aplicação do selo tem que ser com um contraste considerável com o fundo.
A cor oficial do selo é o Mandic Orange. Não usar outra cor de aplicação.
Menor tamanho aplicável do selo versão vertical.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 18
ELEMENTO VISUAL
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 18
Como desenhar o elemento visual oficial da identidade visual da Mandic.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 19
ELEMENTOVISUAL
90º
-15º
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 20
ELEMENTOVISUAL
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 21
APLICAÇÃO DE CORES
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 21
Diagrama de cores • Porcentagem de canais • Cores Oficiais da Mandic
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 22
CMYK Diagrama de cores usado nas aplicações da Mandic Cloud Solutions
A cor primária é a cor mais importante do catálogo de cores da Mandic. Ela pode e deve ser usada em:
• Aplicação da marca • Elementos visuais de apoio • Materiais offline e online • Títulos de matéria
As cores secundárias, Mandic Grey e Mandic Black são usadas para textos em gerais, como a assinatura da logomarca.
As cores terciárias são de uso apenas corporativo, para materiais internos, gráficos e charts, sendo de importância minoritária para o uso para material publicitário.
Mandic OrangeC: 0% • M: 75% • Y: 100% • K: 0%
C: 0% • M: 60% • Y: 80% • K: 0%R: 245 • G: 132 • B: 78
C: 3% • M:100% • Y: 100% • K: 0%R: 230 • G: 130 • B: 133
C: 0% • M: 47% • Y: 98% • K: 0%R: 248 • G: 153 • B: 33
C: 0% • M: 18% • Y: 99% • K: 0%R: 255 • G: 207 • B: 7
C: 31% • M: 0% • Y: 100% • K: 0%R: 188 • G: 214 • B: 49
C: 65% • M: 9% • Y: 100% • K: 0% R: 104 • G: 174 • B: 69
Mandic GreyC: 0% • M: 0% • Y: 0% • K: 60% R: 128 • G: 130 • B: 133
Mandic BlackC: 0% • M: 20% • Y: 20% • K: 100% R: 0 • G: 0 • B: 0
1º
2º
3º
R: 242 • G: 101 • B: 34
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 23
TIPOLOGIA MANDIC
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 23
Usos oficiais • Estudo para Material Corporativo Tipografia para material interno
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 24
TIPO-GRAFIA
A nova identidade visual tem tipografia dedicada para cada produto e conteúdo visual da Mandic. Cada uma delas é escolhida especialmente para cada caso.
ABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwy
abcde
1234567890
1234567890
1234567890
1234567890
ABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwy
ABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwy
mABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwy
Signika
Signika é a fonte usada no lettering da marca Mandic Cloud Solutions, e também a type-set oficial da identidade visual. Ela pode ser usada em casos específicos e únicos como um título ou olho de texto.
Signika não tem uma fonte originalmente em itálico, porém é possível forçar a distorção dela para dinamizar, usando um skew em 10º graus positivos.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 25
TIPO-GRAFIA
mToda a TI que sua empresa precisa em um só lugar.
Tecnologia por assinatura.Exemplos usados com a tipologia Signika.
Em um título, é possível misturar os estilos de fonte, desde que tenha o sentido de destacar uma informação.
Como no texto desse Manual, para textos corridos sempre usamos Grotesque e no mínimo 9pt de tamanho.
Signika Semibold w/ Signika Semibold Skew 10º44pt
Signika Regular. 17pt
A relação do tamanho do título e do subtítulo deve ser no máximo de 60% (em pontos). Nesse caso, temos o título em 44pts, e 60% de 44 é 17,6pt. Nesse caso de pontuação irregular, sempre arredondamos o valor pelo menor, sendo assim, 17pt.
AtençãoA regra de porcentagem entre títulos e subtítulos serve para a fonte Signika e também para a Grotesque, fontes oficiais
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 26
TIPO-GRAFIA
ABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwy
1234567890
1234567890
1234567890
1234567890
ABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwy
ABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwy
aABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwy
Grotesque
A família de fonte Grotesque é usada para texto corrido e subtítulos, assim como em alguns casos de títulos publicitários mais voltados para branding e peças promocionais com o target voltado para grandes empresas
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 27
TIPO-GRAFIA
aExemplos usados com a tipologia Grotesque
Soluções na nuvem.
CLOUD SOLUTIONS FOR ENTERPRISESMagnam et qui vollore ctecupt assinciis es sim quo que il et quunt fuga. Saperfe rovit, inus dolor suntem aut eatquia que nem ea conet dolenes nis dollam nus, sus et hil iliquatent.Moditi ut officte mporerum serspitiam fugiae volupis simagnati asperitate dolorer iaspiciur ad minctate doluptur?
Magnam et qui vollore ctecupt assinciis es sim quo que il et quunt fuga. Saperfe rovit, inus dolor suntem aut eatquia que nem ea conet dolenes nis dollam nus, sus et hil iliquatent. Serspitiam fugiae volupis simagnati asperitate dolorer iaspiciur ad minctate doluptur?
Para tamanhos de olhos e destaques no texto, no mínimo uma diferença de 4pts adicionados ao tamanho do texto corrido.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 28
TIPO-GRAFIA
Tipografia para uso interno, para materiais como apresentações em Microsoft Powerpoint, e Microsoft Word:
A regra de títulos e subtítulos também se aplica a fonte Arial:
1234567890
1234567890
ABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwyABCDEFGHIJKLMNOPQRSTUVXZWYabcdefghijklmnopqrstuvxzwy
Pudame omni aut volo estibus exped et es molupti untemquis eniment litioneces molumOptatiuntion rest ommo il ini atur ma nisquos quassim illaut alibus aborio doluptae videbitatus lorem uopsmomm.
&Arial é uma fonte simples e basicamente de todos os sistemas operacionais do mercado, fazendo com que seja simples a edição dos materiais, com uma semelhança boa entre as fontes da Mandic.
Arial
Toda a TI que sua empresa precisa em um só lugar.
Apresentação Mercadológica.Arial Bold 33pt
Arial. 13ptArial. 9pt
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 29
MÍDIA IMPRESSA
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 29
Papelaria Mandic • Material publicitárioPeças corporativas
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 30
Esquerda: exemplo de material publicitário focado em produtos específicos da Mandic.
Direita: exemplo de material publicitário voltado para a campanha envolvendo pacotes corporativos
PEÇASDE MÍDIA
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 31
PEÇASDE MÍDIA
No material publicitário focado em produtos específicos da Mandic, a aplicação do selo de “Tecnologia Mandic”reforça que os produtos estão debaixo do guarda-chuva da Mandic. O selo é sempre aplicado no canto superior direito, dentro da margem de segurança (1,5cm de cada canto da peça).
O símbolo ícone criado pela Mandic do produto em questão vai sempre acompanhado de um fundo relacionado ao ícone.
Aplicação de título e subtítulo padrão sempre juntos, nunca separado.
Footer da peça personalizado, com endereços e contatos (ver página XX - Footer)
No caso de uso de imagens como nuvens e céu, sempre usar uma imagem alaranjada, como o pôr-do-sol e o nascer-do-sol, para fazer referência ao visual Mandic.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 32
PEÇASDE MÍDIA
Margem de segurança: 1,5cm de cada canto da peça
Foco no produto selecionado centralizado.
Footer da peça personalizado, com endereços e contatos (ver página seguinte), sempre embaixo da peça.
Acima, exemplo de fundo corporativo para publicidade de produtos, e abaixo o resumo cromático que deve conter na peça da Mandic.
Aplicação de título e subtítulo padrão sempre juntos, nunca separado.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 33
PADRÃO RODAPÉ
Rio de Janeiro(21) 2286.2720
Região Sul(41) 3598.7706
Território Nacional400.365.24
mandic Cloud Solutions | Management
Rio de Janeiro(21) 2286.2720
Região Sul(41) 3598.7706
Território Nacional400.365.24
mandic Cloud Solutions | Tecnologia por Assinatura
São Paulo(11) 400.365.24
São Paulo(11) 400.365.24
Espaço para as informações. A primeira linha sempre é a assinatura da Mandic atrelado ao “foco” do produto a ser vendido (nesse caso Management).
Espaço para as informações. Neste caso, foi aplicado Tecnologia por Assinatura, focado para a campanha dos produtos.
Obrigatório o uso de todas as filiais da Mandic, bem como os telefones correspondentes, com a mesma formatação, espaçamento, fonte e tamanho.
Logo da Mandic sempre na esquerda.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 34
MÍDIA DIGITAL
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 34
Redes Sociais • Anúncios WebEmail Marketing • ETC
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 35
MÍDIA DIGITALFacebook
A foto de perfil do facebook tem sempre que estar completa, contendo o símbolo, o lettering e a assinatura, ajustado ao formato do espaço definido
Sempre usar o laranja na foto de cover, seja chapado, ou seja uma foto. As informações contidas nesse espaço devem ser curtas e diretas, como uma chamada ou um texto corporativo
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 36
MÍDIA DIGITALFacebook
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 37
MÍDIA DIGITALTwitter
A foto de perfil do facebook tem sempre que estar completa, contendo o símbolo, o lettering e a assinatura, ajustado ao formato do espaço definido
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS 38