Você está na página 1de 52

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade

Este documento possui as orientações e os


regramentos dos elementos que compõem
a marca Fundação Vale.

Siga sempre as recomendações contidas nesse guia


para garantir a consistência e a integridade da nossa
marca. Em caso de dúvidas, consulte o ponto focal de
comunicação da Fundação Vale.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade
Visual
Identidade Introdução
Visual Identidade Visual Institucional e Territorial
Introdução
Logo Nossa comunicação é feita por meio de duas abordagens: Identidade Visual Já a Territorial abre espaço para a paleta secundária e incorpora elementos
Institucional e Identidade Visual Territorial. gráficos dos territórios em que está inserida com a finalidade de conversar
Cores do Logo
A Institucional fala sobre a Fundação de maneira mais corporativa e utiliza a diretamente com o local.
Tipografia paleta principal de cores da Vale .
Fotografia
Identidade Visual Institucional Identidade Visual Territorial

Institucional
Cores
Composição
One page
Boas práticas
Sed vulputate Sed vulputate
diam auctor diam auctor
Territorial
Cras sed nisi sed Cras sed nisi sed
Cores libero euismod libero euismod
auctor. Integer auctor. Integer
Composição sagittis orci sagittis orci
condimentum condimentum
One page tellus condimentu, tellus condimentu,
ut venenatis nulla. ut venenatis nulla.
Boas práticas
Nulla finibus Nulla finibus

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Introdução
Visual Elementos Gráficos
Introdução
Logo A Identidade Visual Institucional e a Identidade Visual Territorial da Fundação aparecer nas cores Verde Vale, Amarelo Vale e Branco; e na Identidade Territorial
Vale compartilham o mesmo logo, estilo fotográfico e tipografia. Ambas os grafismos abrangem mais cores e podem ser personalizados quando
Cores do Logo
também possuem os mesmos grafismos, mas estes se comportam de estiverem falando sobre algum tema específico dentro de um território. Você
Tipografia maneiras diferentes: na Identidade Institucional os grafismos só poderão terá mais informações no decorrer deste manual.
Fotografia
Elementos gráficos comuns
Logo Cores do Logo Estilo Fotográfico Tipografia

Institucional
PMN Caecilia
Cores Títulos, chamadas e destaques

Composição Myriad
Subtítulos e corpo de texto
One page
Boas práticas

Elementos gráficos particulares


Territorial
Institucional Territorial
Cores Paleta e proporção cromática da identidade institucional Paleta e proporção cromática da identidade territorial
Composição
One page
Boas práticas

Grafismos: Grafismos:

Contornos Caixas Ilustrações Contornos Caixas Ilustrações

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Conceito criativo
Introdução
Logo O símbolo da Fundação Vale nasce de conceitos que representam a ideia de
contribuição com o desenvolvimento dos territórios onde operamos. Ao
Cores do Logo
abraçar esses conceitos, a Fundação Vale amplia e potencializa milhares de
Tipografia vozes. E esse movimento passa a fazer parte da nossa identidade visual.
Fotografia

Aspa:
Institucional Diálogo com
a sociedade
Cores
Composição
One page
Boas práticas

Territorial
Cores Abraço:
Composição Envolvimento
One page
Boas práticas

Encontro:
Fazer junto

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Versão Preferencial
Introdução
Logo A versão positiva colorida é a que melhor destaca o nosso logo, seus detalhes
e suas cores. Ela oferece melhor leitura e um reconhecimento mais fácil e rápido.
Cores do Logo
Por isso, esta é a versão preferencial e tem seu uso priorizado.
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Versão preferencial: essa aplicação deve ser sempre priorizada.


O não uso dessa versão é válido somente em casos de impedimentos técnicos.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual English version
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Versões Restritas
Introdução
Logo A versão monocromática deve ser usada quanto houver a limitação de apenas
uma cor de uso, ou quando o logo precisar ser aplicado sobre fundos coloridos.
Cores do Logo
Tipografia
Fotografia
Deve ser utilizada apenas quando
houver um fundo de cor ou imagem
Institucional que não afete a visibilidade da marca.

Cores
Composição
One page
Boas práticas Monocromática Negativa Monocromática Positiva

Territorial
Deve ser aplicada quando houver a
Cores necessidade de uma cor sólida para
Composição atender às necessidades de
produção, como fax, alto relevo, hot
One page stamping, corte especial, etc.
Boas práticas

Monocromática Negativa Monocromática Positiva

Uso restrito: Utilize somente quando não for


possível a aplicação em mais de uma cor.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Versão em tons de cinza
Introdução
Logo Use apenas em impressões em escala de cinza. Para fundos de cores escuras,
use a versão negativa e, para fundos de cores claras use a versão positiva.
Cores do Logo
Sempre preste atenção no contraste entre o logotipo e o plano de fundo.
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial Pantone Cool Gray 4C Pantone Dark Grey


C 0 M 0 Y 0 K 30 C 0 M 0 Y 0 K 75
Cores R 171 G 171 B 171 R 48 G 48 B 48
Composição HEX #ABABAB HEX #303030

One page
Boas práticas

Uso restrito: Utilize somente quando não for


possível a aplicação em mais de uma cor.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Reserva e redução
Introdução
Logo A área de reserva e a redução máxima garantem a
leitura, o reconhecimento e a preservação dos elementos
Cores do Logo
que compõem a nossa marca.
Tipografia
Fotografia
Área de reserva Redução máxima

Institucional
8 mm
Cores
Impressão
Composição
One page 20 px
Digital
Boas práticas

Territorial X

Cores
Composição
One page
Boas práticas
X

A área de reserva é definida a partir da altura x de nosso logotipo.


Não desrespeite essa área em hipótese nenhuma.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Convivência
Introdução
Logo Quando o logo é aplicado com outra marca, sempre respeite a distância
mínima usando como referência a largura do nome “VALE”.
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Exemplo
Cores
Composição
One page
Boas práticas

Lembre-se de aplicar ajuste ótico à regua de logos. Em alguns casos, a altura do logo da outra
marca pode ser maior ou menor que o logo da Fundação Vale. Isto acontece para que haja
uma compensação e ambos possam ter a mesma força em suas presenças.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual O que não fazer
Introdução
Logo Veja a seguir, alguns exemplos do que não fazer com o nosso logo. Use apenas as arte-finais oficiais
Estas regras garantem a consistência e legibilidade e devem ser que foram disponibilizadas.
Cores do Logo
respeitadas em todas as versões do logo da Fundação Vale. Não recrie o logo.
Tipografia
Fotografia

Institucional
Cores
FUNDacão
Composição
VALE
One page Não use outras cores além das Não distorça Não reproduza o logo Não aplique contorno
Boas práticas mostradas neste território com outra tipografia

Aquo molut abore, core, ulla nes atium aut repraest

Territorial
aborum aute lam et dolut mintur as vel in conseque
molut aute parumenis eum repudam dolupti onecto
volor aut que dolest aceaturios intiorr oviducienis et vo-
lupta tiassus cilluptatem intis consequassi aniasped qui-
atem ut aut ullaut molo te cum dolorem fuga. Qui aut
quates mos quis sandanit enducim ilitatusam et alique
nataspel ima dolorescia non plis aut laut ommoluptam
reriam sunteca epudita quuntur, consequam non cum

Cores as maximin ihillorio. Tempel inis acit qui

Composição
One page Não altere a estrutura, ou Não rotacione Não aplique sombras Não invada a área de proteção
posição dos elementos
Boas práticas

Não aplique o logo sobre Não aplique a versão preferencial Não aplique sobre fundo que Não aplique sobre transparências
outras cores de fundo sobre fundo preto não garanta o contraste de outras cores

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Aplicações sobre fundos
Introdução
Logo Veja a seguir, alguns exemplos de aplicações possíveis com o nosso logo. Estas
regras garantem a consistência e legibilidade e devem ser respeitadas em todas
Cores do Logo
as versões do logo da Fundação Vale.
Tipografia
Aplicações da versão preferencial
Fotografia

Institucional
Cores
Composição Branco Imagens com cores claras Materiais claros
One page
Boas práticas Aplicações da versão monocromática negativa

Territorial
Cores
Composição
Cores escuras contrastantes com branco Imagens que contrastem com branco Materiais escuros
One page
Boas práticas
Aplicações da versão monocromática positiva

Cores claras contrastantes com preto Imagens que contrastem com preto Materiais coloridos

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Aplicações sobre fundos
Introdução
Logo Veja a seguir, alguns exemplos do que não fazer com o nosso logo. Estas regras
garantem a consistência e legibilidade e devem ser respeitadas em todas as
Cores do Logo
versões do logo da Fundação Vale.
Tipografia
Aplicações da versão preferencial
Fotografia

Institucional
Cores
Composição Não utilize sobre imagens com grande Não utilize sobre as mesmas Não utilize sobre cores que
quantidade de informação cores da marca dificultam a leitura da marca
One page
Boas práticas Aplicações da versão monocromática negativa

Territorial
Cores
Composição
Não utilize sobre imagens com grande Não utilize sobre o mesmo Não utilize sobre imagens
One page quantidade de informação tom da marca não constrastantes
Boas práticas
Aplicações da versão monocromática positiva

Não utilize sobre imagens com Não utilize sobre o mesmo Não utilize sobre imagens
grande quantidade de informação tom da marca não contrastantes

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Posição
Introdução
Logo A posição do nosso logo nas peças de comunicação também precisa de
atenção. Veja a seguir, alguns exemplos de como aplicá-lo. Estas regras
Cores do Logo
garantem a consistência e legibilidade e devem ser respeitadas em todas as
Tipografia aplicações.
Fotografia

3% a 6% Exemplo
Institucional da menor A B
medida do
Cores formato.

Composição
One page
Sed vulputate
diam auctor
Boas práticas
Cras sed nisi sed libero
euismod auctor. Integer
sagittis orci
condimentum tellus
condimentum, ut

Territorial
venenatis nulla finibus
pellentesque.itant
morbi.

Nulla finibus
Sed vu
Cores diam a
Cras sed
auctor. I

Composição C D
lorem ip

One page
Boas práticas X

Encontre o valor da margem Aplique o logo


As margens da moldura devem medir entre O logo poderá aparecer em qualquer um dos
3% e 6% da menor medida do formato,no cantos do layout (A, B, C e D).
caso, representado pela letra “X”.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Logo
Visual Cores do logo
Introdução
Logo Essas são as cores do nosso logo. Estas cores devem ser utilizadas em todas as
nossas aplicações.
Cores do Logo
Tipografia
Fotografia

Verde Vale
Institucional
Cores
Composição
One page
Brilho Fosco
Boas práticas
Pantone 328 C Pantone 328 U
C100 M10 Y55 K10 C100 M20 Y60 K0

Territorial R000 G126 B122


#007E7A
R000 G126 B122
#007E7A

Cores
Composição
Amarelo Vale Cinza Vale
One page
Boas práticas

Brilho Fosco

Pantone 124 C Pantone 7406 U Pantone Cool Gray 9 C


C00 M30 Y00 K08 C00 M20 Y100 K05 C00 M00 Y00 K65
R237 G177 B17 R237 G177 B17 R116 G118 B120
#ECB11F #ECB11F #747678

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Tipografia
Visual Principais
Introdução
Logo A tipografia é parte importante da nossa identidade visual, por isso seu uso Você pode encontrar e comprar as fontes Myriad Pro e PMN Caecilia nos sites
correto e sistemático ajuda a criar uma imagem consistente e organizada. Linotype (linotype.com), FontShop (fontshop.com) e Adobe (adobe.com/type).
Cores do Logo
Tipografia
Fotografia

PMN Caecilia LT PMN Caecilia Light


Institucional Use a Caecilia para títulos, PMN Caecilia Roman
Cores retrancas e destaques. PMN Caecilia Bold
Composição
One page
Boas práticas

Territorial
Cores
Composição
Myriad Pro Light
One page
Boas práticas
Myriad Pro Myriad Pro Regular
Use a Myriad para textos
corridos em geral. Myriad Pro SemiBold
Myriad Pro Bold

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Tipografia
Visual Principais - como usar
Introdução
Logo Os recursos da tipografia e da diagramação trazem personalidade à nossa Sempre utilizar a massa de texto corrido, que fica abaixo do título, deslocada
identidade visual e ajudam a tornar nossas mensagens mais inspiradoras. para a direita com o valor de uma ou duas linhas de título (“x” abaixo). Caso não
Cores do Logo
seja possível, deixar a composição toda alinhada e manter parágrafo alinhado à
Tipografia esquerda.
Fotografia
Retrancas:
Myriad Pro Bold
Institucional Lorem Ipsum Dolor Sit
Devem ser sempre em preto ou Verde Vale sobre fundo branco, e

Lorem ipsum dolor sit


Cores branco sobre fundo de cor para materiais impressos. Para meio digital
X
Composição o preto deve ser substituído por cinza-escuro.

amet consectetour
One page Cinza-escuro: R85 G85 B85 #555555 X

Boas práticas Títulos e destaques:


PMN Caecilia Bold. Sed ut mod quam everum faciet eatquid molupicia
Territorial Utilizar em Verde Vale ou preto para fundo branco; e branco para fundo preto e fundo noqui to to eturibus atqui as que venduntio kicaera
de cor. Para meio digital o preto deve ser substituído por cinza-escuro. eincomp tenmt itas aceatus
Cores
Composição Subtítulos: Em sustendae el idiste porro volupta tiunti repuda adipsa
sincto es quis ex endi tem. Liqui aut ut moluptatem nobi-
One page Myriad Pro Regular. tatem ut et utasimo ditiati asitem enducit omnitin nonseru
Boas práticas Utilizar em Verde Vale ou preto para fundo branco; e branco para fundo preto e fundo X X
metur, solupta menditaquunt aute.
de cor. Para meio digital o preto deve ser substituído por cinza-escuro. Nis modi verum sa nit vollibus rem facita suntiusci dellabo.
Namus pedia aut officabo. Musae eum fugiat.

Textos corridos: Lorem ipsum dolor sit amet


Sed ut mod quam everum faciet eatquid molupicia noqui
Myriad Pro Light ou Regular e Bold para destaques.
to to eturibus atqui as que venduntio kicaerahshates ein-
Devem ser sempre em preto sobre fundo branco, e branco sobre fundo de cor para comp tenmt.. Itas aceatus, natemodi tem eosto de si ipsani.
materiais impressos. Para meio digital o preto deve ser substituído por cinza-escuro.
Além dessas cores, podem ser feitos destaques em Verde Vale ou Amarelo Vale.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Fotografia
Visual Exemplos
Introdução
Logo A fotografia da Fundação Vale retrata um olhar próximo, positivo e verdadeiro com aqueles que recebem, colaboram e melhoram com a gente.
do cotidiano das pessoas dos territórios onde atuamos. Imagens que
Cores do Logo
reverberam o cuidado, diálogo e envolvimento na nossa atuação juntamente
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Fotografia
Visual O que não fazer
Introdução
Logo Veja, abaixo, algumas fotos que não podem fazer parte da identidade:
Cores do Logo
Tipografia
Fotografia

x x x
Institucional
Cores
Composição
One page
Boas práticas

Territorial
Não use fotos com efeitos ou filtros Não use fotos em preto e branco
Cores
Composição
One page x x
Boas práticas

Não use fotos muito escuras Não use fotos posadas ou situações clichês Não use fotos com ilustrações ou interferências gráficas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Visual
Institucional
Identidade Cores
Visual Cores da identidade
Introdução
Logo Essas são as nossas cores principais que devem
ser utilizadas em todas as nossas aplicações.
Cores do Logo
Para essa marca não usaremos as cores em retículas.
Tipografia
Fotografia

Verde Vale Branco


Institucional
Cores
Composição
One page
Brilho Fosco
Boas práticas
Pantone 328 C Pantone 328 U
C100 M10 Y55 K10 C100 M20 Y60 K0 C00 M00 Y00 K00

Territorial R000 G126 B122


#007E7A
R000 G126 B122
#007E7A
R255 G255 B255
#FFFFFF

Cores
Composição
Amarelo Vale Cinza Vale
One page
Boas práticas

Brilho Fosco

Pantone 124 C Pantone 7406 U Pantone Cool Gray 9 C


C00 M30 Y00 K08 C00 M20 Y100 K05 C00 M00 Y00 K65
R237 G177 B17 R237 G177 B17 R116 G118 B120
#ECB11F #ECB11F #747678

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Cores
Visual Barra de proporções
Introdução
Logo A barra de proporções é um guia para que as cores sejam aplicadas da
forma correta. Ela nos ajuda a determinar o espaço que cada cor ocupa,
Cores do Logo
garantindo a consistência cromática de nossa marca.
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Principais Branco Cinza


Devem estar obrigatoriamente Áreas em branco trazem a ideia de luz Os textos em cinza trazem
presentes nos materiais da Fundação Vale. e garantem leveza às nossas peças. a ideia de consistência.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Contorno
Introdução
Logo O contorno em várias camadas tem a intenção de indicar atitudes, ideias e ações Você encontra os contornos em
sendo multiplicadas e reverberadas. As forças deste elemento são a sua massa de formato de “brush” nos arquivos
Cores do Logo
cor bem presente, a flexibilidade da sua forma e a integração fluida que ele fornecidos junto a este guia.
Tipografia apresenta com nossas fotos. A seguir, você confere como utilizar o contorno.
Fotografia
Construção Exemplos

Institucional A forma-base do Contorno foi construída pela


Cores intercalação das cores Verde Vale, Amarelo Vale e Branco. Sed vulputate diam
in ex congue auctor
Composição
Cras sed nisi sed libero euismod
auctor. Integer sagittis orci
One page condimentum tellus condimet,
ut venenatis nulla finibus
pellentesque.itant morbi.
Boas práticas Nulla finibus

No Adobe Illustrator, selecione a ferramenta Brush. Em seguida, abra a


Territorial aba de tipos de brushes e escolha um dos contornos.
Cores
Composição
One page
Boas práticas

Desenhe contornando a silhueta do assunto que queira dar destaque: uma pessoa, um
objeto, uma paisagem, etc. Ao contornar a forma, utilize poucos detalhes. A ideia
não é ser fiel ao desenho, mas sim, referenciá-lo de um jeito simples.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Contorno
Introdução
Logo Os contornos devem transmitir a ideia de reverberação do assunto da foto. Você encontra os contornos em
Por isso, o correto controle da espessura e proporção desse elemento é formato de “brush” nos arquivos
Cores do Logo
fundamental para que essa mensagem seja transmitida sem ruídos. fornecidos junto a este guia.
Tipografia
Fotografia
Espessura e Proporção

Institucional
Cores x
Composição
One page
Boas práticas

Territorial
Cores
Composição
Não utilize contornos finos. A força do contorno Contornos com espessura média são os ideais. Contornos grossos são permitidos, mas deve-se
One page está na sua massa de cor bem presente. Esta espessura marca bem o layout, ao mesmo ter atenção aos outros elementos do layout.
Boas práticas tempo que não disputa atenção com imagens e Quando houver a presença desta espessura, é
textos. aconselhável que não se utilize texto. Caso seja
necessária a presença de texto, ele deve aparecer
distante do contorno.
Resolvendo possíveis defeitos

Durante o desenvolvimento, caso apareça algum


defeito nos contornos como no exemplo ao lado, basta
diminuir um pouco a espessura até que o defeito suma.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Caixas
Introdução
Logo Uma maneira bem simples de contar nossa história é através das caixas. Elas Você encontra caixas já prontas pra
possuem função de abrigar textos e são excelentes janelas para as nossas uso nos arquivos fornecidos junto a
Cores do Logo
fotos. A seguir, você confere detalhes de como as caixas foram construídas. este guia.
Tipografia
Fotografia
Construção Exemplos

Institucional As formas-base das caixas


Cores são geométricas e simples
Composição Lorem ipsum
dolor sit amet
One page Lorem ipsum dolor sit
amet, consectetuer
Boas práticas adipiscing elit, sed
diam nonummy nibh
euismod tinci.

Foi aplicado o mesmo brush dos contornos nas linhas das


Territorial formas-base para atingir o resultado abaixo.

Cores
Composição
One page
Boas práticas Lorem Ipsum
Dolor Sit Amet
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit, sed do
eiusmod tempor
incididunt ut labore et
dolore magna aliqua.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Caixas
Introdução
Logo As caixas podem aparecer de maneira mais integrada às fotos ao retirarmos as Você encontra as caixas já prontas pra
formas que as compõem. Abaixo você confere a melhor forma de usar este uso nos arquivos fornecidos junto a
Cores do Logo
recurso. este guia.
Tipografia
Fotografia
Usos e Proporção

Institucional
Cores x
Lorem ipsum

Composição
dolor sit amet
Lorem ipsum
Lorem ipsum dolor sit
amet, consectetuer dolor sit amet
adipiscing elit, sed
Lorem ipsum dolor sit
diam nonummy nibh

One page
amet, consectetuer
euismod tinci.
adipiscing elit, sed
diam nonummy nibh
euismod tinci.

Boas práticas Lorem ipsum Lorem ipsum


dolor sit amet dolor sit amet
Lorem ipsum dolor sit Lorem ipsum dolor sit
amet, consectetuer amet, consectetuer

Territorial
adipiscing elit, sed adipiscing elit, sed
diam nonummy nibh diam nonummy nibh
euismod tinci. euismod tinci.

Cores
Composição
Não utilize contornos finos. Contornos com espessura média É possível utilizar a parte mais A parte do meio do box também
One page A força do contorno está na sua são os ideais. Esta espessura marca interna do box como janela para pode ser vazada. Neste caso, opte
Boas práticas massa de cor bem presente. bem o layout, ao mesmo tempo fotografias. Este tipo de aplicação por imagens mais limpas e que não
que não disputa atenção com é ideal para destacar situações em interfiram no entendimento do
imagens e textos. uma imagem. formato da caixa.
Resolvendo possíveis defeitos

Durante o desenvolvimento, caso apareça algum defeito nos


contornos como no exemplo ao lado, basta diminuir um
pouco a espessura até que o defeito suma. Mantenha sempre
a aparência do balão central próxima à sua forma-base

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Ilustração
Introdução
Logo As ilustrações enriquecem nossa identidade visual e são indicadas para peças Você encontra ilustrações já prontas
mais livres, que tenham a intenção de agregar um valor mais artístico. A seguir, pra uso nos arquivos fornecidos junto
Cores do Logo
você confere detalhes para a construção de novas ilustrações. a este guia.
Tipografia
Fotografia
Construção Exemplos

Institucional As formas-base das ilustrações são sempre simples e com


Cores baixa complexidade de detalhes. Para que possam ter o
Composição efeito de reverberação, precisam ter o efeito de Offset Path
aplicado.
One page
Boas práticas
Aplique efeito de offset pelo menos três vezes no objeto.
Para fazer isso, no Adobe Illustrator, selecione o objeto e siga o
Territorial
caminho no menu:
Cores Object -> Path -> Offset Path -> Offset = valor de 1/3 da
Composição largura do objeto. Selecione a forma recém-criada e repita o
passo mantendo o mesmo valor de offset.
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade One Page
Visual Resumo da identidade institucional
Introdução
Logo O painel abaixo mostra o resumo da identidade com os Todos as versões dos logos da Fundação Vale estão disponíveis no Pacote de
principais elementos do universo visual da Fundação Vale. Identidade Visual que acompanha este guia. Lá você também encontra os
Cores do Logo
grafismos em modo editável e layouts editáveis para consulta.
Tipografia Respeite proporção de cores na régua deste resumo.
Fotografia

Institucional PMN Caecilia Light Myriad Light


Myriad Regular
Cores PMN Caecilia Roman Myriad Semibold
Composição
PMN Caecilia Bold Myriad Bold
One page
Boas práticas

Territorial Lorem Ipsum


Dolor Sit Amet

Cores
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit, sed do
eiusmod tempor

Composição incididunt ut labore et


dolore magna aliqua.

One page
Boas práticas

Sed vulputate
diam auctor
Cras sed nisi sed
libero euismod
auctor. Integer
sagittis orci
condimentum
tellus condimentu,
ut venenatis nulla.

Nulla finibus

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Boas práticas
Visual
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Boas práticas
Visual
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Boas práticas
Visual
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Boas práticas
Visual
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Boas práticas
Visual
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Boas práticas
Visual
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Visual
Territorial
Identidade Cores
Visual Paleta
Introdução
Logo Essas são as nossas cores principais que devem ser utilizadas em todas as
nossas aplicações. Para essa marca não usaremos as cores em retículas.
Cores do Logo
Tipografia
Paleta Primária
Fotografia
Verde Vale Branco

Brilho Fosco
Institucional Pantone 328 C Pantone 328 U
C00 M00 Y00 K00
R255 G255 B255
C100 M10 Y55 K10 C100 M20 Y60 K0
#FFFFFF
Cores R000 G126 B122 R000 G126 B122
#007E7A #007E7A
Composição
One page Amarelo Vale Cinza Vale

Boas práticas Brilho Fosco


Pantone Cool Gray 9 C
Pantone 124 C Pantone 7406 U
C00 M00 Y00 K65
C00 M30 Y00 K08 C00 M20 Y100 K05
R116 G118 B120
Territorial
R237 G177 B17 R237 G177 B17
#747678
#ECB11F #ECB11F

Cores
Composição Paleta Secundária

One page Laranja Vale Vermelho Vale Violeta Vale Azul Vale Verde-Claro Vale

Boas práticas Pantone 158 C Pantone 193 C Pantone 2727 C Pantone 3125 C Pantone 368 C
C00 M64 Y95 K00 C02 M100 Y60 K11 C75 M40 Y00 K00 C89 M00 Y20 K00 C63 M00 Y97 K00
R227 G114 B32 R187 G19 B62 R61 G126 B219 R000 G176 B202 R105 G190 B40
#E37222 #BB133E #3D7EDB #00B0CA #69BE28

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Cores
Visual Barra de proporções
Introdução
Logo A barra de proporções é um guia para que as cores sejam aplicadas da
forma correta. Ela nos ajuda a determinar o espaço que cada cor ocupa,
Cores do Logo
garantindo a consistência cromática de nossa marca.
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Verde Vale Branco Cinza Amarelo Vale, Laranja Vale, Vermelho Vale,
Deve estar Áreas em branco Os textos em cinza Violeta Vale, Azul Vale e Verde-Claro Vale
obrigatoriamente trazem a ideia de luz trazem a ideia de
presente em todos e garantem leveza às consistência. Trazem alegria aos nossos layouts. Escolha no máximo três
os materiais da nossas peças. dessas cores para compor o layout
comunicação
territorial

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Contorno
Introdução
Logo O contorno em várias camadas tem a intenção de indicar atitudes, ideias e ações Você encontra os contornos em
sendo multiplicadas e reverberadas. As forças deste elemento são sua massa de formato de “brush” nos arquivos
Cores do Logo
cor bem presente, a flexibilidade da sua forma e a integração fluida que ele fornecidos junto a este guia.
Tipografia apresenta com nossas fotos. A seguir, você confere como utilizar o contorno.
Fotografia
Construção Exemplo

Institucional A forma-base do Contorno foi construída pela


Cores intercalação de três cores da identidade territorial
Composição
One page
Boas práticas

No Adobe Illustrator, selecione a ferramenta Brush. Em seguida, abra a


Territorial aba de tipos de brushes e escolha um dos contornos.
Cores
Composição
One page
Boas práticas

Desenhe contornando a silhueta do assunto que queira dar destaque: uma pessoa, um
objeto, uma paisagem, etc. Ao contornar a forma, utilize poucos detalhes. A ideia
não é ser fiel ao desenho, mas sim, referenciá-lo de um jeito simples.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Contorno
Introdução
Logo Os contornos devem transmitir a ideia de reverberação do assunto da foto. Você encontra os contornos em
Por isso, o correto controle da espessura e proporção desse elemento é formato de “brush” nos arquivos
Cores do Logo
fundamental para que essa mensagem seja transmitida sem ruídos. fornecidos junto a este guia.
Tipografia
Fotografia
Espessura e Proporção

Institucional
Cores x
Composição
One page
Boas práticas

Territorial
Cores
Composição
Não utilize contornos finos. A força do contorno Contornos com espessura média são os ideais. Contornos grossos são permitidos, mas deve-se
One page está na sua massa de cor bem presente. Esta espessura marca bem o layout, ao mesmo ter atenção aos outros elementos do layout.
Boas práticas tempo que não disputa atenção com imagens e Quando houver a presença desta espessura, é
textos aconselhável que não se utilize texto. Caso seja
necessária a presença de texto, ele deve aparecer
distante do contorno.
Resolvendo possíveis defeitos

Durante o desenvolvimento, caso apareça algum


defeito nos contornos como no exemplo ao lado, basta
diminuir um pouco a espessura até que o defeito suma.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Contorno personalizado
Introdução
Logo Além dos contornos em cor, existe a possibilidade de criar contornos com desenhos derivados da cultura
local. A ideia é que eles possam ser misturados aos contornos coloridos e dêem mais carga local ao assunto
Cores do Logo
que está sendo falado.
Tipografia
Fotografia
Construção Exemplos

Institucional Somam-se às formas-base dos contornos territoriais mais opções


#LoremIpsum
Vivamus venenatis arcu
a molestie porttitor
Cores com o branco, pois a ideia é que os novos contornos criados possam ser
Composição colocados em cima da área em branco também. Dias 5 e 6 Mauris suscipit
lectus justo
de dezembro vel dignissim

One page
Boas práticas

Territorial Para criar um novo contorno, utilize o Adobe Illustrator e siga os passos abaixo.
Depois disso o novo contorno será adicionado à lista de brushes.
Cores
Composição
Window
One page Brushes
Boas práticas Construa uma New Brush
unidade da
forma. Tenha em
mente que ela será
replicada ao Siga as
decorrer do configurações
contorno mostradas ao lado
ou adapte-as para
o seu brush

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Caixas
Introdução
Logo Uma maneira bem simples de contar nossa história é através das caixas. Elas Você encontra as caixas já prontas pra
possuem função de abrigar textos e são excelentes janelas para as nossas fotos. uso nos arquivos fornecidos junto a
Cores do Logo
A seguir, você confere detalhes de como as caixas foram construídas. este guia.
Tipografia
Fotografia
Construção Exemplos

Institucional As formas-base das caixas


Cores são geométricas e simples
Composição Lorem ipsum
dolor sit amet
One page Lorem ipsum dolor sit
amet, consectetuer
Boas práticas adipiscing elit, sed
diam nonummy nibh
euismod tinci.

Foi aplicado o mesmo brush dos contornos nas linhas das


Territorial formas-base para atingir o resultado abaixo.

Cores
Composição
One page
Boas práticas Lorem Ipsum
Dolor Sit Amet
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit, sed do
eiusmod tempor
incididunt ut labore et
dolore magna aliqua.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Caixas
Introdução
Logo As caixas podem aparecer de maneira mais integrada às fotos ao retirarmos as Você encontra as caixas já prontas pra
formas que as compõem. Abaixo você confere a melhor forma de usar este uso nos arquivos fornecidos junto a
Cores do Logo
recurso. este guia.
Tipografia
Fotografia
Usos e Proporção

Institucional
Cores x
Lorem ipsum
dolor sit amet
Composição Lorem ipsum dolor sit
amet, consectetuer
Lorem ipsum
dolor sit amet
adipiscing elit, sed
Lorem ipsum dolor sit
diam nonummy nibh

One page
amet, consectetuer
euismod tinci.
adipiscing elit, sed
diam nonummy nibh
euismod tinci.

Boas práticas Lorem ipsum Lorem ipsum


dolor sit amet dolor sit amet
Lorem ipsum dolor sit Lorem ipsum dolor sit
amet, consectetuer amet, consectetuer

Territorial
adipiscing elit, sed adipiscing elit, sed
diam nonummy nibh diam nonummy nibh
euismod tinci. euismod tinci.

Cores
Composição
Não utilize contornos finos. Contornos com espessura média É possível utilizar a parte mais A parte do meio do box também
One page A força do contorno está na sua são os ideais. Esta espessura marca interna da caixa como janela pode ser vazada. Neste caso, opte
Boas práticas massa de cor bem presente. bem o layout, ao mesmo tempo para fotografias. Este tipo de por imagens mais limpas e que não
que não disputa atenção com aplicação é ideal para destacar interfiram no entendimento do
imagens e textos. situações em uma imagem. formato da caixa.
Resolvendo possíveis defeitos

Durante o desenvolvimento, caso apareça algum defeito nos


contornos como no exemplo ao lado, basta diminuir um
pouco a espessura até que o defeito suma. Mantenha sempre
a aparência do balão central próxima à sua forma-base.

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Ilustração
Introdução
Logo As ilustrações enriquecem nossa identidade visual e são indicadas para peças Você encontra ilustrações já prontos
mais livres, que tenham a intenção de agregar um valor mais artístico. A seguir, pra uso nos arquivos fornecidos junto
Cores do Logo
você confere detalhes para a construção de novas ilustrações. a este guia.
Tipografia
Fotografia
Construção Exemplos

Institucional As formas-base das ilustrações são sempre simples e com


Cores baixa complexidade de detalhes. Para que possam ter o
Composição efeito de reverberação, precisam ter o efeito de Offset Path
aplicado.
One page
Boas práticas
Aplique efeito de offset pelo menos três vezes no objeto.
Para fazer isso, no Adobe Illustrator, selecione o objeto e siga o
Territorial
caminho no menu:
Cores Object -> Path -> Offset Path -> Offset = valor de 1/3 da
Composição largura do objeto. Selecione a forma recém-criada e repita o
passo mantendo o mesmo valor de offset.
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Exemplo - Rio de Janeiro
Introdução
Logo Abaixo você confere o exemplo de uma aplicação mais livre utilizando
referências territoriais.
Cores do Logo
Tipografia
Fotografia
Padrões personalizados
para cada território.
Institucional
Inspirados na cultura local.
Cores
Composição
One page
Boas práticas

Territorial Calçada de Copacabana

Cores
Composição
One page Cores baseadas no assunto
Boas práticas territorial e adaptadas à
paleta da Vale.

Paisagem do Rio

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Composição
Visual Exemplo - Maranhão
Introdução
Logo Abaixo você confere o exemplo de uma aplicação mais livre utilizando
referências territoriais.
Cores do Logo
Tipografia
Fotografia
Padrões personalizados
para cada território.
Institucional
Inspirados na cultura local.
Cores
Composição
One page
Boas práticas

Territorial Babaçu

Cores
Composição
One page Cores baseadas no assunto
Boas práticas territorial e adaptadas à
paleta da Vale.

Fitas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade One page
Visual Resumo da identidade territorial
Introdução
Logo O painel abaixo mostra o resumo da identidade com os Todos as versões dos logos da Fundação Vale estão disponíveis no Pacote de
principais elementos do universo visual da Fundação Vale. Identidade Visual que acompanha este guia. Lá você também encontra os
Cores do Logo
grafismos em modo editável e layouts editáveis para consulta.
Tipografia Respeite proporção de cores na régua deste resumo.
Fotografia

Institucional PMN Caecilia Light Myriad Light


Myriad Regular
Cores PMN Caecilia Roman Myriad Semibold
Composição
PMN Caecilia Bold Myriad Bold
One page
Boas práticas

Territorial Lorem Ipsum


Dolor Sit Amet

Cores
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit, sed do
eiusmod tempor

Composição incididunt ut labore et


dolore magna aliqua.

One page
Boas práticas

Sed vulputate
diam auctor
Cras sed nisi sed
libero euismod
auctor. Integer
sagittis orci
condimentum
tellus condimentu,
ut venenatis nulla.

Nulla finibus

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Boas práticas
Visual
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade
Visual
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Identidade Boas práticas
Visual
Introdução
Logo
Cores do Logo
Tipografia
Fotografia

Institucional
Cores
Composição
One page
Boas práticas

Territorial
Cores
Composição
One page
Boas práticas

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade


Para que a nossa marca seja bem
construída, todos precisam seguir
as recomendações deste Território.
Se você quiser saber mais, se não
encontrou aqui a informação
que buscava ou se tiver sugestões,
entre em contato com o ponto focal
de comunicação da Fundação Vale.

marketing@vale.com.br

Uso interno - Desenvolvido pela Gerência de Marca & Publicidade

Você também pode gostar