Manual de Identidade Visual Versão 1.0 | Março 2021
A identidade visual da marca é o conjunto de elementos visuais, tais como logo, cores, tipografias, formas, texturas, grafismos, ícones e fotografia. Estes elementos são combinados harmonicamente para transmitir, de forma coesa e coerente, os valores, princípios, posicionamento e diferenciais de uma marca perante seu público. Este manual é de consulta obrigatória e trata dos elementos gráficos e visuais da identidade da Atlas e oferece exemplos da aplicação e implementação para garantir o uso correto da identidade nos meios digitais e impressos, orientando assim todos que serão responsáveis por sua gestão.
ÍNDICE
04
Usos Incorretos
18
Missão Visão Valores
04 04 04
Cores
19
Conceitos
05
Marca
Logo Principal Construção Proteção Redução Ícone Variações
Fundos Monocromáticos Positivo e Negativo Tons de Cinza Fotográficos
06 06 07 08 09 10 11
13 14 15 16 17
Primárias Secundárias
Tipografia Primárias Secundárias
19 20
21 21 22
Elementos gráficos
23
Aplicações
24
MARCA Atlas é uma empresa com quase 17 anos de mercado que surgiu com o propósito de gerenciar os riscos nos processos logísticos tendo uma ampla gama de serviços para atender, com segurança e qualidade, todos os seus clientes, que são,
principalmente,
que
fazem
as
transportadoras
movimentações
e
Missão
Prestar serviços inovadores em segurança e inteligência logística, gerando confiança e eficiência aos clientes por meio de atendimento personalizado e de excelência.
transportes de carga via rodovias por caminhões. A Atlas possui uma sede própria com uma estrutura projetada e construída com
equipamentos
e
sistemas
adequados e modernos que atendem todos
os
requisitos
de
segurança,
garantindo alto padrão de qualidade e eficiência aos seus clientes.
Visão Construir uma empresa referência em qualidade na região em que atuam, proporcionando satisfação aos seus clientes, colaboradores e parceiros.
Valores
Perseverança, Transparência, Comprometimento, Ética, Simplicidade, Inovação, Respeito, Espírito de equipe e Solidariedade.
04
CONCEITOS No novo logo da Atlas foi representado o setor logístico em linhas, formas e cores,
transmitindo
os
valores
de
tecnologia e inovação. As linhas dos meios de transporte (caminhões,
aviões,
etc),
setas,
indicadores de direção, os traçados encontrados
em
imagens
algo
contemporâneo
e
inovador, foram grandes inspirações para criar um design autêntico e ao mesmo tempo clean e moderno.
Desenvolvido para representar uma marca consolidada no mercado em constante evolução e crescimento.
que
remetem à tecnologia e as formas que lembram
Inovador
Tecnológico Um novo logo atual, clean e inovador para transmitir todos os conceitos e valores da marca.
Seguro
Transmite estabilidade, compromisso e profissionalismo na composição de paleta de cores e formas.
05
LOGO Principal Esta é a versão principal do logo que é composto por um símbolo e um lettering. O logo também pode ser utilizado com uma assinatura (ver pág 12 em Variações), porém esta versão sempre deve ser priorizada nas aplicações e criações de materiais.
Logo
Símbolo
Lettering
06
LOGO Construção O logo foi criado simetricamente com ajuste de kerning e tracking ótico.
2x
1/2x
x
1/3x
1/3x
x
60º
07
LOGO Proteção O logo sempre estará rodeado por uma área de proteção separando-o de outros objetos, textos e elementos para que seja claramente identificado e não haja ruídos em sua leitura. Esse espaço deve ser mantido livre de todos os tipos de elementos gráficos e tipografias. A área de proteção é definida pela altura do símbolo, sendo assim:
x
x
= x 1/2 x
1/2 x
x
x
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
08
LOGO Redução A redução máxima é definida pelo menor tamanho que o logo pode assumir sem que sua legibilidade seja comprometida. Ela é determinada para garantir a leitura tanto em materiais impressos quanto em materiais digitais. O logo nunca deve ser menor dos apresentados abaixo.
0,5 cm
|
14 px
2 cm
|
56 px
4 cm
|
114 px
09
LOGO Ícone Construção e aplicação do logo como ícone para aplicativo mobile.
80 px
60 px
40 px
80 px
60 px
40 px 10
LOGO Variações O logo é utilizado para representar a marca no mercado e em seus meios de comunicação e seu uso consistente irá desenvolver e estabelecer o reconhecimento da marca diante seu público. Logo abaixo estão as variações do logo da Atlas. Sempre priorize as versões principais na maioria das aplicações.
Versão 01 – POSITIVA Principal
Versão 01 – NEGATIVA Principal
Versão 02 – POSITIVA Com assinatura
Versão 03 – POSITIVA Símbolo
Versão 02 – NEGATIVA
Com assinatura
Versão 03 – NEGATIVA
Símbolo
FUNDOS A utilização do logo em fundos é algo de extrema importância devido a legibilidade, harmonia e identidade cromática. Em razão disso, temos a seguir as versões nas quais o logo pode ser aplicado em fundos monocromáticos, preto & branco, tons de cinza e fotográficos.
Monocromáticos Podem ser utilizados onde não for possível aplicar a marca em sua versão principal.
5% Preto
15% Preto
30% Preto
40% Preto
50% Preto
80% Preto
90% Preto
100% Preto
Positivo e Negativo Podem ser utilizados em documentos impressos em p&b, impressão em relevo, bordado entre outros.
5% Preto
15% Preto
30% Preto
40% Preto
50% Preto
80% Preto
90% Preto
100% Preto
Tons de Cinza Também podem ser usados em documentos impressos em p&b ou quando não há possibilidade de confecção com cor.
Fotográficos As cores da identidade visual podem ser usadas para criar efeitos nas fotos e imagens. É importante sempre verificar o contraste entre o fundo fotográfico e o logo para não comprometer a leitura. Caso contrário, usar formas, grafismos, texturas, degradês e cores de apoio para criar uma composição legível.
USOS INCORRETOS Temos alguns exemplos do que não fazer com o logo. Estas regras garantem a legibilidade e devem ser respeitadas para todas as versões. Não alterar as cores.
Não aplicar gradiente.
Não desmembrar.
Não distorcer.
Não rotacionar.
Não aplicar filtros ou efeitos.
Não usar em outline.
Não aplicar sobre fundos ilegíveis.
CORES PANTONE
Primárias
172 C
A paleta de cores da marca consiste nas cores primárias e a secundárias, as quais são as cores de apoio. Todas as cores podem ser utilizadas em materiais gráficos no geral.
# FF5618 C M Y K
0 84 100 0
R 255 G 86 B 24
PANTONE
PANTONE
000 C
447 C
# FFFFFF
# 333333
C M Y K
0 0 0 0
R 255 G 255 B 255
C M Y K
73 67 65 80
R 51 G 51 B 51
CORES Secundárias As cores secundárias são complementares das cores primárias servindo como apoio à elas e também podem ser usadas no meio digital e papelaria.
PANTONE 2018 C # FF6B10 C M Y K
0 75 100 0
R 255 G 107 B 16
PANTONE
PANTONE
109 C
151 C
# FFC500
# FF8008
C M Y K
0 26 100 0
R 255 G 197 B 0
C M Y K
0 6 100 0
R 255 G 128 B 8
TIPOGRAFIA Primária A identidade tipográfica primária da Atlas é formada pela família Mont. A Mont é um fonte flexível que funciona muito bem, tanto no meio digital como no impresso. Ela possui excelente legibilidade e suas versões permitem aplicações dinâmicas e variadas. Somente as fontes dessa família e da família tipográfica secundária podem ser utilizadas no desenvolvimento de materiais de comunicação da marca.
A licença para uso da Mont pode ser adquirida no site: https://www.fontfabric.com/fonts/mont Lembramos que fornecê-la sem a compra é pirataria.
Aa
Aa
Mont Black
Mont Heavy
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
Aa
Aa
Mont Bold
Mont SemiBold
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
Aa
Aa
Mont Regular
Mont Light
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
21
TIPOGRAFIA Secundária A tipografia secundária da Atlas é formada pela família Montserrat e deve ser usada como alternativa ao uso da fonte primária em casos como papelaria, materiais editoriais como catálogos, revistas e flyers, títulos, textos longos e sempre que houver restrição de fontes incorporadas em navegadores. A Montserrat é um fonte gratuita sem serifa com as mesmas características que a Mont que poderá substituí-la em situações em que a fonte primária não possa ser utilizada.
A licença para uso da Montserrat é gratuita. A tipografia pode ser adquirida no site: https://fonts.google.com/specimen/Montserrat
Lembramos que fornecê-la sem a compra é pirataria.
Aa
Aa
Montserrat Black
Montserrat Bold
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
Montserrat SemiBold
Montserrat Medium
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
Montserrat Regular
Montserrat Light
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\
Aa Aa
Aa Aa
22
ELEMENTOS GRÁFICOS O logo, o símbolo e todas suas variações podem ser utilizados para criar inúmeras padronagens e grafismos desenvolvendo composições dinâmicas e criativas nas peças gráficas para meio digital e impresso. Para este fim, não há regra que restrinja o uso do logo para criar apoios gráficos.
Desenvolvido por PRIYS – Brand & Design Studio