procempa . manual de identidade visual
porto alegre . maio | 2014
1. Logotipo ................................................................................................................................. 03 Versão Principal Versões secundárias Selo 2. Critérios de aplicação ................................................................................................. 06 3. Tipografia .............................................................................................................................. 07 4. Paleta de cores .................................................................................................................. 08 Paleta principal - especificações técnicas Paleta secundária - especificações técnicas 5. Logotipo para comunicação externa ............................................................ 11 Versões positivas Versões negativas 6. Família de ícones ............................................................................................................. 13 7. Papelaria institucional ............................................................................................... 14 8. Comunicação externa ................................................................................................. 15 Regras de composição Exemplo de composição horizontal Exemplo de composição vertical
procempa . manual de identidade visual
1. Logotipo 1.1 Versão Principal Neste manual, a marca gráfica é apresentada de modo a orientar como aplicá-la. Você vai encontrar, aqui, a marca na sua versão principal – que deve ser preferencialmente utilizada – e em versões secundárias – que devem ser utilizadas como recurso quando for mais adequado ou quando não houver a possibilidade de uso da versão principal. Este manual tem por objetivo mostrar a utilização adequada da marca gráfica, assim como tornar mais fáceis suas aplicações, evitando possíveis dúvidas ou erros.
3 / 18
procempa . manual de identidade visual
1.2 Versões secundárias
Versão em cor única
Versão sobre fundo em gradiente
Versão P&B positiva
Versão P&B negativa
A versão principal da marca (p.03) deve ser preferencialmente utilizada. No entanto, sempre que não houver a possibilidade de uso dessa versão principal, quando houver restrições para impressão ou quando for mais adequado ao contexto, poderão ser utilizadas as versões secundárias da marca, apresentadas ao lado.
A marca não deve ser aplicada sobre fundos não previstos no presente manual de identidade visual. As versões cor única, P&B e P&B negativa poderão ser aplicadas sobre fotografias, desde que observado o contraste entre logotipo e fundo (ver exemplo dessa aplicação na p.17).
4 / 18
procempa . manual de identidade visual
1.3 Selo A versão da marca em selo deve ser utilizada para melhorar visualização, apresentação e contraste ou quando o objetivo for destacar a marca sobre fundo branco. O posicionamento do selo na peça deve ser sempre próximo a um dos cantos da área útil da peça (nunca centralizado vertical ou horizontalmente), exceto quando não houver área mínima suficiente para isso. É possível observar exemplos de aplicação do selo na papelaria institucional (p.14).
5 / 18
procempa . manual de identidade visual
Área de não-interferência
Redução máxima
2. Critérios de aplicação Para garantir a proteção da marca, a largura da letra “e”, a partir da borda do logotipo, serve como referência de medida para a área mínima de não-interferência.
25mm x
x x
15mm
Para que seja preservada a legibilidade da marca, a mesma não deve ser aplicada em dimensão inferior a 25mm de largura. Quando houver necessidade de aplicação menor, deve ser utilizada versão da marca sem linha de apoio - neste caso, respeitando dimensão mínima de 15mm de largura.
6 / 18
procempa . manual de identidade visual
3. Tipografia A tipografia que acompanha a marca segue as seguintes diretrizes:
Dosis Book
DIN Light DIN Regular
Títulos e textos em destaque são compostos em Dosis Book. Textos longos exigem uma fonte com boa legibilidade. Para isso, o uso da fonte DIN light, que proporciona boa leitura e, ao mesmo tempo, transmite contemporaneidade por meio de seu traçado geométrico e fino. Quando o tipo de impressão exigir contraste mais alto entre texto e fundo, poderá ser utilizada a fonte DIN Regular para garantir melhor legibilidade.
7 / 18
procempa . manual de identidade visual
4. Paleta de cores
Paleta principal (cores institucionais)
Paleta secundária (cores para comunicação)
* Para configurar os gradientes no software Adobe Illustrator, utilizar as seguintes especificações: Type: radial / Aspect Ratio: 65% / Location: 50% Posicionar origem e final do gradiente conforme o esquema ao lado, em que A é a origem do gradiente (tom mais claro) e B é o ponto final do gradiente (tom mais escuro).
8 / 18
procempa . manual de identidade visual
4.1 Paleta principal - especificações técnicas Tabela de especificação de cores No caso de impressão em policromia, a cor deve ser ajustada pelo fornecedor de acordo com especificação do Pantone. Cor
Pantone C
Adesivo Vinil
CMYK
RGB
HEX
Pantone 2935 C
Gold Max Azul
c100 m60 y0 k0
r0 g90 b170
# 005CA8
Pantone 425 C
Gold Max Cinza Escuro
c0 m0 y0 k75
r29 g70 b35
# 626366
Pantone 313 C
-
c80 m10 y25 k0
r0 g170 b190
# 00A9BD
Pantone 2945 C
-
c100 m95 y5 k0
r45 g60 b145
# 2B3990
As cores impressas neste guia não representam fielmente as cores especificadas. Para referência, consulte um Guia de Cores Pantone®.
9 / 18
procempa . manual de identidade visual
4.2 Paleta secundária - especificações técnicas Tabela de especificação de cores No caso de impressão em policromia, a cor deve ser ajustada pelo fornecedor de acordo com especificação do Pantone. Cor
Pantone C
CMYK
RGB
HEX
Pantone 368 C
c50 m0 y100 k0
r140 g200 b65
# 8DC63F
Pantone 355 C
c100 m10 y60 k10
r0 g145 b125
# 008F7C
Pantone 1235 C
c0 m30 y85 k0
r255 g185 b65
# FDB940
Pantone 1585 C
c0 m70 y85 k0
r245 g110 b60
# F3703A
Pantone 2415 C
c30 m100 y15 k5
r175 g30 b120
# AD1C78
Pantone 2607 C
c90 m95 y30 k20
r60 g45 b100
# 3B2C65
As cores impressas neste guia não representam fielmente as cores especificadas. Para referência, consulte um Guia de Cores Pantone®.
10 / 18
procempa . manual de identidade visual
5. Logotipo para comunicação externa 5.1 Versões positivas
Versão principal.
Pantone 368 C e Pantone 355 C.
Pantone 1235 C e Pantone 1585 C.
Pantone 2415 C e Pantone 2607 C.
A marca da Procempa também poderá ser utilizada aplicando-se a paleta de cores secundária (p.10). No entanto, esse uso destina-se, preferencialmente, a situações de aplicação da marca em elementos de comunicação externa (público final). Sempre que uma dessas versões for utilizada, sua aplicação exclui o uso, na mesma peça, de outra versão versão em cores diferentes da primeira.
11 / 18
procempa . manual de identidade visual
5.2 Versões negativas As aplicações da marca utilizando a paleta de cores secundária também poderão ser feitas em branco sobre fundo em gradiente. Versão principal.
Pantone 1235 C e Pantone 1585 C.
Pantone 368 C e Pantone 355 C.
Pantone 2415 C e Pantone 2607 C.
A marca não deve ser aplicada sobre fundos não previstos no presente manual de identidade visual.
12 / 18
procempa . manual de identidade visual
6. Família de ícones Podendo ser posteriormente ampliada, a família de ícones que acompanha a identidade visual da Procempa é composta por desenhos de traços graficamente simples. O posicionamento de círculos no encontro entre as linhas remete ao conceito de conexão .
13 / 18
procempa . manual de identidade visual
7. Papelaria institucional A papelaria institucional é composta sempre nas cores da Paleta Principal (p. 9). Especificações sobre cada item de papelaria podem ser encontradas no Manual de Aplicação.
14 / 18
procempa . manual de identidade visual
8. Comunicação externa 8.1 Regras de Composição Nas peças de comunicação externa, a utilização das cores da Paleta Secundária (p.10) é permitida. Os ícones (p.13) podem ser utilizados em conjunto com palavraschave e com fotografias relacionadas ao conceito da peça. Sempre que posicionados sobre os gradientes de cor, os elementos de comunicação (tais como ícones, textos e logotipo) devem ser aplicados em branco. Eventualmene, os grafismos podem avançar sobre a fotografia, sempre observando-se o contraste entre as linhas brancas e o fundo.
Exemplos de composições para comunicação externa. As fotografias aqui utilizadas servem apenas como referência conceitual. Créditos: Cristina Leipnitz, Ole Andre Kjennerud e Martin Philbey. Vetado uso comercial.
15 / 18
procempa . manual de identidade visual
8.2 Exemplo de composição horizontal
Uso de grafismos (linhas e pontos), fotografia relacionada ao conceito da peça, marca em branco sobre gradiente, chamada composta em DIN Regular. A proporção para divisão do conteúdo deve sempre obedecer a regra de 1/3 para área de cor e 2/3 para imagem.
1/3
2/3
16 / 18
procempa . manual de identidade visual
2/3
8.3 Exemplo de composição vertical
Uso de grafismos (linhas e pontos), fotografia relacionada ao conceito da peça, marca em branco aplicada sobre fotografia, chamada composta em DIN Regular.
1/3
A proporção para divisão do conteúdo deve sempre obedecer a regra de 1/3 para área de cor e 2/3 para imagem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula a elit eget aliquet.
17 / 18