MA– NUAL DE USO DA MAR– CA
índice
elementos básicos
conceito malha estrutural uso preferencial derivações área de segurança reduções variantes de uso uso sobre fundos o que não fazer padrão tipográfico padrão cromático padronagem
.07 .08 .09 .10 .11 .12 .13 .14 .15 .16 .17 .18
outros elementos cartão de visitas mídias sociais papel carta template de slide assinatura de e-mail
.25 .28 .29 .30 .31
conceito abstração simbolismo transcendência visibilidade simplicidade originalidade solidez
malha estrutural
A malha estrutural serve como guia para a reprodução e ampliação da marca. O grid, as proporções de cada elemento e o espaçamento entre eles devem ser respeitados para preservar as características originais do logo.
10mm
5mm
8
uso preferencial
A versão principal para aplicacão da marca deve ser a opção quadrada, demonstrada abaixo. A cor padrão deve ser respeitada, de acordo com as restrições estabelecidas no padrão cromático, sendo preto a principal opção para toda a comunicação quando for possível aplica-la, tendo em vista o suporte que a receberá.
9
derivações
Para preservar a visibilidade do logo foram criados três desdobramentos. O primeiro, chamado “tag” apresenta o uso preferencial com uma moldura, facilitando a identificação na aplicação da marca em carimbos e peças de mídias sociais, sugerindo também o logo como selo de qualidade; a segunda versão sugere uma aplicação horizontal para pequenos espaços verticais e será descrita no item “reduções” deste manual; e a terceira, chamada “módulo”, foi criada visando a elaboração de padrões.
versão “tag”
versão horizontal versão original
10
versão módulo
área de segurança
O logo deve estar sempre em destaque e sem interferências. Para sua preservação foi determinada uma área mínima de proteção ao redor de cada variação obedecendo as proporções indicadas. Essa área está demarcada pela linha pontilhada e deve ser mantida livre de quaisquer elementos gráficos ou textuais em todas as aplicações da marca. 3x
3x
4x
4x
x
x
3x
3x
3x
x
x
x
3x
3x
3x
11
reduções
As reduções mínimas são aplicadas com regras específicas para cada versão do logo.
5mm a redução mínima para a versão preferencial do logo é de 5mm ou 14 pixels de lado.
10mm a redução mínima para a versão “tag” do logo é de 10mm ou 28 pixels de lado.
10mm
12
a redução mínima para a versão horizontal do logo é de 10mm de lado maior ou 28 pixels e recomenda-se a utilização dela somente em casos onde o espaço vertical para a aplicação for menor a 5mm ou 14 pixels.
variantes de uso
Variaçþes de uso positivo/ negativo.
positivo
negativo
13
uso sobre fundos
A legibilidade, o impacto e a clareza do logo devem ser preservados. Por isso, ĂŠ importante aplicĂĄ-lo sempre de forma a contratar com o fundo, mesmo que seja uma cor sĂłlida.
14
o que n達o fazer
15
padrão tipográfico
A fonte que compõe a identidade visual foi escolhida com base nas características do conceito e semelhanças com os traços de cada caractere do logo. Trata-se de uma família tipográfica moderna, de fácil leitura, aceitação e muito difundida em meios digitais. O uso de linhas simples e proporções geométricas de seus caracteres, além da ampla variedade de pesos, permitiram o casamento perfeito entre fonte e marca.
Roboto ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789.:,;(”’!?@#$%~`^¨´&*–_-+=)[{/\}]| ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789.:,;(”’!?@#$%~`^¨´&*–_-+=)[{/\}]| ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789.:,;(”’!?@#$%~`^¨´&*–_-+=)[{/\}]|
16
*caso não haja disponibilidade de uso da fonte Roboto, a substituição pela fonte Open Sans é autorizada, assim como o uso conjunto delas.
padrão cromático
Para a paleta da cores, o preto foi eleito como cor predominante de uso do logo representando a consolidação e seriedade que a marca deseja exprimir a partir de sua reformulação. Além do preto, o laranja foi encorporado à identidade da empresa. Seu intuito é manter uma conexão com a marca antiga, já que é complementar ao azul usado anteriormente. O uso do laranja está associado a criatividade, confiança e proximidade, preceitos que constituem os valores fundamentais do estúdio.
preto puro
pantone 171 C - 95%
c 0 m 0 y 0 k 100
c 0 m 75 y 70 k 0
r g b
r 255 g 100 b 70
0 0 0
hex #000000
hex #ff6446
17
padronagem
A versão “módulo” foi criada para servir como base de padrões, criados a partir da versão principal da marca. Sua aplicação reserva-se a um uso mais restrito, conceitual e artístico podendo ser aplicada em peças gráficas promocionais ou em diversos meios.
módulo A.1 56x56mm 159x159px padrão 4x4
módulo A.2 28x28mm 79x79px padrão 4x4
18
módulo A.3 28x28mm 79x79px padrão 4x4
módulo A.4 28x28mm 79x79px padrão 4x4
padronagem
módulo B.1 56x56mm 159x159px padrão 4x4
módulo B.2 28x28mm 79x79px padrão 4x4
20
módulo B.3 28x28mm 79x79px padrão 4x4
módulo B.4 28x28mm 79x79px padrão 4x4
OUTROS ELE MENTOS
cartão de visitas
O cartão de visitas foi elaborado tendo em vista a liberdade de produção, personalização e a sustentabilidade. As informações pessoais, os elementos gráficos e o logo foram divididos em carimbos individuais. Com isso, será possível permitir a customização do layout, garantir o controle de tiragens (evitando desperdícios) e flexibilizar o uso de materiais de acordo com a sua disponibilidade e a demanda do estúdio.
formato – 80x45mm cor – preto processo de impressão – estampagem (carimbo) acabamento – refilado (sem laminação) tipologia – Roboto (regular-400 e light-300) material – diversos, seguindo as restrições: sem estampa, sem brilho, sem textura, sem relevo, alto contraste com a cor preta, gramatura acima de 240g/m2.
25
cartão de visitas
Facas para execução de carimbo.
22x22mm 80x45mm
31x22mm 26
31x22mm
cartão de visitas
Indicações de uso.
Julia Andrade sócia-designer
11 98797 3397 julia@estudiometta.com.br 11 2628 7117 estudiometta.com.br
Julia Andrade sócia-designer
11 98797 3397 julia@estudiometta.com.br 11 2628 7117 estudiometta.com.br
JULIA ANDRADE sócia-designer
11 98797 3397 julia@estudiometta.com.br 11 2628 7117 estudiometta.com.br
27
mídias sociais
28px
1500px
Template para determinar aplicações da versão “tag” do logo em peças gráficas para mídias sociais.
84px
28
28px
papel carta
20mm 15mm
85mm
85mm
METTA ESTÚDIO DE DESIGN
15mm
INTERIORES/ GRÁFICO/ PRODUTO ESTUDIOMETTA.COM.BR
A/C Nome da Empresa Representante Contato Endereço
16. 02. 2015
Breve Descrição do Assunto
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vehicula massa tincidunt sapien consectetur, eget consequat justo condimentum. Cras cursus tempus nisl id auctor. Cras in sodales leo, et placerat ligula. Phasellus id diam malesuada, feugiat lorem sit amet, porta tortor. Nunc urna nisi, porttitor ut vulputate id, molestie non lorem. Vivamus mattis a ligula id dapibus. Vestibulum lacinia eu mi quis efficitur. Cras ante erat, aliquet quis dignissim sed, lacinia ac mi. Vestibulum sed mattis nisl. Mauris faucibus, urna in fringilla aliquet, velit ante euismod risus, sit amet tempor turpis ligula id turpis. Curabitur quis odio finibus, ultrices nisi ac, dapibus metus. Maecenas efficitur auctor sem in aliquet. Nunc cursus velit augue, vitae lacinia justo suscipit vehicula. Integer nisi tortor, porttitor sed turpis viverra, elementum tempus ex. Vestibulum efficitur magna dolor, ut sodales ante auctor et. Etiam ultrices ornare nisl, ac consectetur magna maximus vel. Nunc laoreet metus sed dui tincidunt fringilla. Nunc eget nisl a nisi suscipit dictum vitae commodo elit. Sed eu arcu convallis, iaculis elit eu, dictum tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus eu tincidunt quam, id finibus lacus. Donec consequat quam at turpis rutrum, eu pulvinar nisl faucibus. Etiam dui ante, ornare sed mauris et, ornare sodales turpis. Fusce congue fermentum augue, non gravida risus cursus eget. Quisque a enim et mi accumsan efficitur. Quisque condimentum leo eget quam facilisis, sed accumsan mauris malesuada. Pellentesque tincidunt feugiat maximus. Vivamus blandit dui a lacus interdum, sit amet faucibus libero vestibulum. Etiam sed dictum erat. Donec at turpis vestibulum, scelerisque ligula ac, volutpat libero. Aliquam pellentesque aliquet pharetra. Nulla mauris ante, laoreet sed aliquet nec, volutpat a neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a diam id nunc aliquet aliquet ac sed sapien. Proin et ultricies urna.
10mm
Phasellus volutpat ante volutpat aliquam tempus. In scelerisque tincidunt tellus, eget congue lacus convallis nec. Suspendisse sit amet ultricies libero. Nulla magna nisl, mattis at pellentesque eget, faucibus a arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin in diam enim. Morbi lectus mi, porta et dictum ut, placerat id velit. Aenean ornare, arcu sed tristique tincidunt, justo diam hendrerit mauris, in pellentesque leo elit ut ante. Nunc condimentum massa vitae sodales maximus. In molestie id sem sollicitudin viverra. Quisque porta lacus ullamcorper est vulputate, et maximus sapien pharetra. Praesent scelerisque lorem aliquet feugiat mollis. Donec vitae viverra diam. Fusce accumsan nisi sit amet viverra ultricies.
11 2628 7117 METTA@ESTUDIOMETTA.COM.BR
RUA GIRASSOL, 0000 CJ. 00 00000-000 - VILA MADALENA - SÃO PAULO
formato – 210x297mm material – papel offset 75g/m2 cor – 2x0 processo de impressão – offset acabamento – refilado tipologia – Roboto (regular-400 e light-300) cabeçalho e rodapé – Roboto light 9pt inform. laterais – Roboto regular 9pt e 11pt 29
template de slide 56px
56px 102px
56px
216px
102px
56px
2880X1800px 216px
30
assinatura de e-mail assinatura Julia
assinatura Jo茫o
Julia Andrade
12pt - Roboto regular
11 98797 3397 estudiometta.com.br
10pt - Roboto regular 10pt - Roboto regular
s贸cia-designer
9pt - Roboto regular
Jo茫o Iague s贸cio-designer
11 98441 8668 estudiometta.com.br
assinatura Contato
assinatura Financeiro
Metta
11 2628 7117 estudiometta.com.br
12pt - Roboto regular 10pt - Roboto regular 10pt - Roboto regular
Financeiro Metta
11 2628 7117 estudiometta.com.br
31
manual de identidade visual | 2015