MANUAL DE
IDENTIDADE VISUAL
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
Aplicações, padrão de cores, tipografia e instruções gerais para uso geral da marca.
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
“ UM
LOGO
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
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
3
ÍNDICE
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
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
- Peças de mídia - Redes sociais
4
CORES FORMAS LUZ&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.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
Imagem ao lado: aplicação do logo para Internet e TV, com efeito tridimensional.
5
REGRAS E ATRIBUTOS EstiloVisual • Dimensões • Isolamento Aplicações Gerais
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
6
ESTILO VISUAL
Imagem acima ilustra a triangulação entre o centro das circuferencias que fazem os cantos dos elementos
3
1
2 3
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
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
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
7
DIMENSÕES
tamanho mínimo 2,3cm largura
tamanho mínimo com assinatura 4,8cm largura
tamanho mínimo 3,4cm altura
tamanho mínimo 1,5cm altura
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
8
ISOLAMENTO
X
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
9
APLICAÇÕES
A logomarca deve ser aplicada em branco somente em fundos com cores da paleta de aplicação da Mandic.
Versões negativas e em fundo de imagem
Fundos com imagem devem ter sincronia com o looking feel da Mandic, e sempre em contraste que tenha legibilidade
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
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.
10
APLICAÇÕES Sedit, 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
11
APLICAÇÕES Sedit, 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ÇÕES Sedit, 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
MANDIC
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
LOGOS E SELOS PARALELOS Outros usos visuais de símbolos de produtos e serviços da Mandic
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
14
SELOS DOS PRODUTOS 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. Signika Light, skew (inclinação) de 10º
Signika Bold, 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º
Signika Bold, skew (inclinação) de 10º
No caso de uma palavra apenas, é usado Signika Bold.
Mandic Orange C: 0% • M: 75% • Y: 100% • K: 0%
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
15
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
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.
Menor tamanho aplicável do selo versão vertical. A cor oficial do selo é o Mandic Orange. Não usar outra cor de aplicação. 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.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
17
ELEMENTO VISUAL Como desenhar o elemento visual oficial da identidade visual da Mandic.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
18
ELEMENTO VISUAL 90ยบ
-15ยบ
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
19
ELEMENTO VISUAL
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
20
APLICAÇÃO DE CORES Diagrama de cores • Porcentagem de canais • Cores Oficiais da Mandic
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
21
CMYK
Diagrama de cores usado nas aplicações da Mandic Cloud Solutions
C: 3% • M:100% • Y: 100% • K: 0% R: 230 • G: 130 • B: 133
C: 0% • M: 60% • Y: 80% • K: 0% R: 245 • G: 132 • B: 78
Mandic Orange C: 0% • M: 75% • Y: 100% • K: 0% R: 242 • G: 101 • B: 34
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
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.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
1º
C: 65% • M: 9% • Y: 100% • K: 0% R: 104 • G: 174 • B: 69
3º
2º
Mandic Grey C: 0% • M: 0% • Y: 0% • K: 60% R: 128 • G: 130 • B: 133 Mandic Black C: 0% • M: 20% • Y: 20% • K: 100% R: 0 • G: 0 • B: 0
22
TIPOLOGIA MANDIC Usos oficiais • Estudo para Material Corporativo Tipografia para material interno
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
23
TIPOGRAFIA
m
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.
abcde 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.
A nova identidade visual tem tipografia dedicada para cada produto e conteúdo visual da Mandic. Cada uma delas é escolhida especialmente para cada caso.
Signika
ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy
1234567890
ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy
1234567890
ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy
1234567890
ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy
1234567890
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
24
TIPOGRAFIA
m Exemplos usados com a tipologia Signika.
Signika Semibold w/ Signika Semibold Skew 10º 44pt
Em um título, é possível misturar os estilos de fonte, desde que tenha o sentido de destacar uma informação.
Tecnologia por assinatura. Toda a TI que sua empresa precisa em um só lugar. 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.
Como no texto desse Manual, para textos corridos sempre usamos Grotesque e no mínimo 9pt de tamanho.
Atenção A 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
25
TIPOGRAFIA
a
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
Grotesque
ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy
1234567890
ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy
1234567890
ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy
1234567890
ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy
1234567890
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
26
TIPOGRAFIA
a
Exemplos usados com a tipologia Grotesque
Soluções na nuvem. CLOUD SOLUTIONS FOR ENTERPRISES 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. Moditi ut officte mporerum serspitiam fugiae volupis simagnati asperitate dolorer iaspiciur ad minctate doluptur?
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
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.
27
TIPOGRAFIA
&
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.
Tipografia para uso interno, para materiais como apresentações em Microsoft Powerpoint, e MicrosoftWord:
Arial
ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy ABCDEFGHIJKLMNOPQRSTUVXZWY abcdefghijklmnopqrstuvxzwy
1234567890 1234567890
A regra de títulos e subtítulos também se aplica a fonte Arial:
Arial Bold 33pt
Apresentação Mercadológica. Toda a TI que sua empresa precisa em um só lugar. Arial. 13pt
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
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. 9pt
28
Mテ好IA IMPRESSA Papelaria Mandic 窶「 Material publicitテ。rio Peテァas corporativas
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
29
PEÇAS DE MÍDIA
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
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
30
PEÇAS DE 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)
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
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.
31
PEÇAS DE MÍDIA Margem de segurança: 1,5cm de cada canto da peça Aplicação de título e subtítulo padrão sempre juntos, nunca separado.
Foco no produto selecionado centralizado.
Footer da peça personalizado, com endereços e contatos (ver página seguinte), sempre embaixo da peça.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
Acima, exemplo de fundo corporativo para publicidade de produtos, e abaixo o resumo cromático que deve conter na peça da Mandic.
32
PADRÃO RODAPÉ
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).
mandic Cloud Solutions | Management São Paulo (11) 400.365.24
Rio de Janeiro (21) 2286.2720
Região Sul (41) 3598.7706
Território Nacional 400.365.24
mandic Cloud Solutions | Tecnologia por Assinatura São Paulo (11) 400.365.24
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.
Rio de Janeiro (21) 2286.2720
Região Sul (41) 3598.7706
Território Nacional 400.365.24
Espaço para as informações. Neste caso, foi aplicado Tecnologia por Assinatura, focado para a campanha dos produtos.
Logo da Mandic sempre na esquerda.
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
33
Mテ好IA DIGITAL Redes Sociais 窶「 AnテコnciosWeb Email Marketing 窶「 ETC
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
34
MÍDIA DIGITAL Facebook
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
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 35
Mテ好IA DIGITAL Facebook
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
36
Mテ好IA DIGITAL
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
37
MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS
38