Page 1

BRANDING MOTOR TECH CONTENT MANUAL DA MARCA


Indice 1. Apresentação 2. História da Marca 3. Apresentação da Marca 4. Versões da Marca 5. Grade de Construção 6. Tipografia Institucional 7. Cores Institucionais 8. Aplicação em fundos coloridos 9. Aplicação monocromática 10. Margem de Segurança 11. Dimensão da Marca 12.Aplicação em fotos 13. Assinaturas adicionais - Slogan 14. Mockups

Manual da Marca Motor Tech Content

Pagina 1


APRESENTAÇÃO Quem é a motor? Proposta de Valor:

Produzimos conteúdos que traduzem o conhecimento dos negócios de tecnologia em aprendizado e ação, desenvolvendo um ecossistema diferenciado e

Conteúdo especializado em

sustentável.

tecnologia, de forma ágil e simples para conectar pessoas

Se você precisa de ajuda para inovar na produção do seu conteúdo sobre

a soluções de TI por meio de

tecnologia ou liberar seu time para tratar de assuntos mais estratégicos nós

conteúdo relevante.

podemos ajudar.


HISTÓRICO DA MARCA Evolução dos anos Criação da Marca - 2015

2019

A logo foi desenhada com o objetivo de representar nosso foco na criação de conteúdo.

Branding 2019 A logo foi revitalizada com o objetivo de demonstrar a evolução pela qual a empresa além de reforçar a especialização em conteúdos sobre tecnologia.

2015


APRESENTAÇÃO DA MARCA Oficial


GRADE DE CONSTRUÇÃO Construção: As linhas se mantêm simétricas, buscando sempre o fechamento entre as formas. Os espaçamentos foram estudados para harmônia entre os elementos. E as formas se conversam e tem pesos que combinam e se equilibram.

Estudo das formas


VERSÕES DA MARCA Explicação: Todas as versões da logo se aplicam

Aplicação correta

Somente o Icone da lâmpada

no sentido horizontal. As variações aplicadas são: A utilização apenas da lâmpada poderá ser feita quando em espaços quadrados e limitados que não permitem leitura de todosas as

Horizontal

informações que compõem a marca. Exemplo: imagem do Instagram ou do perfil do Facebook. A logo com slogan será utilizada e explorada sempre que a unidade de conteúdo permitir explorar a junção da logo + slogan como rodapés dos conteúdos diagramados.

Horizontal + Slogan


TIPOGRAFIA INSTITUCIONAL Utilização da tipografia: A tipografia principal utilizada para marca é familia Mosk, representada ao lado. Ela permite clareza e sofisticação ao diagramar materiais digitais. A alternativa caso a fonte principal não encaixe, é Proxima Nova, ela permite uma escrita mais comum aos materiais.

Conteúdos da motor são escritos como?

Familía Mosk - Primária

Mosk Bold 700 Mosk Semi-Bold 600 Mosk Medium 500 Mosk Light 300 Mosk Thin 100 Familía Proxima nova - Alternativa Secundária

Proxima Nova Extrabold Proxima Nova Brack Proxima Nova Bold Proxima Nova Semibold 500 Proxima Nova Regular


CORES INSTITUCIONAIS Utilização das cores:

Primárias e Secundárias

As cores primárias se referem

Cores - Primárias

a logo e fundos principais de

Logo

Fundo Gradiente

Branco

aplicação. Elas são utilizadas para propagar a marca e o estilo da Motor. Destaque para utilização do laranja, ele deve ser utilizado com cautela, sem exagero. O

#626161 #ed7331

#020304 + #615d69

#ffffff

gradiente preto precisa passar sofisticação quando utilizado. O cinza serve para fontes e linhas e o branco pode ser aplicado em

Secundaria - Apoio

fundos de layouts minimalistas. Já as cores de apoio servem para detalhes como botões de CTAs, efeitos em fotos, etc.. Usar cores diferentes como amarelo, vermelho, roxo não são opções permitidas para a marca.

#26333f

#0fb1a0

#487781

#f4f0ed

#f4f0ed

#133f4c


APLICAÇÕES DA MARCA Atenção: Quando aplicada em fundo branco utilizar duas cores: Laranja e cinza. Quando aplicado sobre o preto, utilizar duas cores: Laranja e cinza. Caso o fundo seja Laranja ou de outra cor: utilizar a logo toda branca por questões de contraste e visualização. *Avaliar se a logo está totalmente visivel e clara. Caso necessário Utilizar um “Escudo” branco, Consultar o capitulo Margens de Segurança.

Fundos coloridos Coloridos


APLICAÇÕES MONOCROMÁTICA Como usar? Contraste é o termometro. Precisa estar nítido e claro. Se o fundo for claro, a logo precisa ser escura. Já se o fundo for escuro a logo precisa ser clara. Normalmente Preto 100% ou Branco 100%.

Imprimir preto e branco como?


MARGEM DE SEGURANÇA Como devo respeitar? Percebe-se que ao envolver a logo numa caixa, temos um quadrado. Usamos sempre a letra “O” da “Motor” que é perfeitamente redonda para delimitar o espaço a ser respeitado. Co-marketing, peças para eventos ou outros materiais onde sejam aplicadas outras próximas da logo da Motor Tech Content deve respeitar esse espaço de respiro. É simples mas bem importante.

Posso aplicar em qualquer lugar?


DIMENSÕES DA MARCA Como devo respeitar?

Mínimo necessário

A logo pode ser diminuida até a legibilidade do “Tech Content” e os três traços da lâmpada ficarem visiveis. Uso do bom senso do designer, claro! Mas evitando de passar

118 px

35px ou 1,5 cm.

35 px

35 px


PROIBIÇÕES Como não aplicar a logo? - Redesenhar; - Modificar; - Alterar cores; - Usar cores de fundo diferentes das cores apresentadas na paleta de cores; - Desmembrar; - Aplicar sob fotos que não permita nitidez.

O que não fazer!


APLICAÇÃO SOBRE FOTOS 1 - Escudo

Escudo como aplicar?

Com um escudo utilizando da margem de segurança. Que representa a metade da letra “O” do “Motor” e a outra metade é referente ao respiro.

TITULO DO


APLICAÇÃO SOBRE FOTOS 2 - Aplicação em branco Pode! No caso de posts no instagram e no blog da motor, temos o costume de usar O gradiente Preto (Paleta de cor principal) no fundo, tirar totalemnte a saturação da foto deixando preto e branco e aplicar o efeito de “Luz suave” mesclando as duas camadas. Neste caso por exemplo pode sim usar a logo sem o escudo aplicada na foto. Usar o bom senso para garantir o melhor contraste. Evitar imagens muito claras que irão comprometar a visibilidade da marca.

E a logo branca?


CARACTERISTICAS DAS FOTOS Posso usar branco? Prediminancia no contraste, fotos voltada para o escuro, preto e branco que tragam tecnologia, computadores, smartphones, smartwhatches, servidores, escritรณrios cooworking. Buscar sempre olhar o enquadramento da foto e a proporรงao do material produzido, se na horizontal ou na vertical para evitar cortes sem sentido na foto.

Predominancia preto e branco


APLICAÇÃO Cartão de visita


APLICAÇÃO Aplicativo


APLICAÇÃO Facebook


APLICAÇÃO Site


APLICAÇÃO Instagram


APLICAÇÃO Email Assinatura


BRANDING MOTOR TECH CONTENT MANUAL DA MARCA

2019

Profile for Thiago Moreira

Branding Motor Tech Content  

Criação de Identidade Visual + Logo para empresas.

Branding Motor Tech Content  

Criação de Identidade Visual + Logo para empresas.

Advertisement