Manual de identidade - Mandic

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

Twitter

MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS

37

MANUAL DE IDENTIDADE VISUAL | MANDIC CLOUD SOLUTIONS

38