Manual de Identidade Visual

Page 1

Manual de identidade visual Fundação Joaquim Nabuco


Nascimento, M. P. Redesign da identidade visual para Fundação Joaquim Nabuco. 2018. 49 P. Projeto Integrador (Graduação em Tecnologia em Design Gráfico). Faculdades Integradas AESO Barros Melo, Pernambuco.


SUMÁRIO

Apresentação 4 Histórico 5 Marca Assinatura visual Construção da assinatura Malha de construção Grid Dimensionamento Mínimo Área de proteção Versões da assinatura Símbolo Isolado

6 7 8 9 10 11 12 13

Cores institucionais Monocromia Monocromia Vertical Monocromia do símbolo Aplicações em fundos claros Aplicações em fundos escuros Tons de cinza Cromias da arquitetura Fundos fotográficos

Aplicações 20 21 22 23 24 25 26 27 28

Tipografia Tipografia institucional 30

Grafismo

Arquitetura de marca Assinaturas Construção dos símbolos Departamentos Departamentos com siglas Assinatura vertical Dimensionamento mínimo

Cores

14 15 16 17 18 19

Símbolo como grafismo 32 Símbolos entrelaçados 34

Uso incorreto Proibições 36

Papelaria Cartão de visita Crachá Pasta Cordão de crachá Caneca Ecobag Caderno Facebook Cartão Postal Cartazes

38 39 40 41 42 43 44 45 46 47 49


APRESENTAÇÃO

Toda marca é viva, possui atributo, personalidade prórpria e forma uma linguagem. Este manual é uma ferramenta para auxiliar o gerenciamento da marca Fundação Joaquim Nabuco. Além da conceituação e contextualização da marca, você encontrará informações técnicas sobre o seu uso e suas aplicações. As instruções deste manual não possuem caráter limitador, ao contrário, o motivo deste manual é informar sobre o uso, manipulação e aplicação da marca. O cumprimento das orientações é de bastante relevância, visto que, uma estratégia de marca organizada ajudará na concretização da identidade visual, dando força para a marca e reafirma seus valores.

4

Manual de identidade visual Fundação Joaquim Nabuco


HISTÓRICO

O Instituto Joaquim Nabuco surge em recife e se mostra no cenário brasileiro a partir dos anos de 1949, pela dedicação do deputado federal Gilberto Freyre, que defendeu a criação de um centro de estudos sociais no nordeste brasileiro. Em 1980 o Instituto passa a ser Fundação e amplia sua área de atuação também para o norte do Brasil, apresentando objetivos gerais como: Promover a execução de estudos, pesquisas, planos e projetos destinados à melhoria das condições de vida do homem brasileiro, especialmente do trabalhador rural.

Nos anos 1990, a Fundação elege sete áreas temáticas para desenvolver suas atividades: Cultura e Identidade; Pensamento Social no Brasil; Estado, Cidadania e Atores Sociais; Gênero, Família e Idade; Desenvolvimento Regional e Urbano com Políticas Públicas; População e Exclusão Social; Sociedade, Agricultura e Meio Ambiente. A partir de 2003, inicia-se um processo de maior aprofundamento do vínculo da Fundaj com o Ministério da Educação, passaram a exigir educação de qualidade para todos os brasileiros, urgência na redução da pobreza e das desigualdades sociais, redução dos desequilíbrios regionais, maior distribuição de renda e oportunidades de trabalho.

5


MARCA

Assinatura visual

A assinatura visual é o elemento destaque de uma identidade e torna-se indispensável para o rápido reconhecimento de qualquer produto. A assinatura visual da Fundação Joaquim Nabuco é formada pela união do símbolo + logotipo. Prioritáriamente ela deve ser aplicada nas cores institucionais e sobre fundo branco, respeitando as proporções entre todos os elementos que formam a marca. Assinatura Visual

Símbolo

6

Manual de identidade visual Fundação Joaquim Nabuco

Logotipo


MARCA

Construção da assinatura

Toda a construção da identidade da Fundação Joaquim Nabuco começa com um módulo 8 x 8 que é usado para a formação do símbolo da assinatura e dos seus departamentos. O símbolo foi constuído a partir da junção das letras J e N que são as iniciais de Joaquim Nabuco. O logotipo é composto por uma tipografia de serifa quadrada para fortalecer o conceito modular ao símbolo.

7


MARCA

Malha de construção

O desenho da marca se forma a partir das relações entre seus elementos. Distâncias e alinhamentos estabelecidos proporcionam uma sensação visual de equilibrio e harmonia. O módulo 8 x 8 é equivalente a variável X e a variável Y é apenas 1 partícula desse módulo. =X

8Y

=Y

14Y

4Y 8Y 4Y

24Y

8

Manual de identidade visual Fundação Joaquim Nabuco


MARCA

Grid

Assim como todo o conceito da identidade foi fundamentado, o grid tem seu surgimento no próprio módulo 8 x 8 utilizado para construção do símbolo. A variável X neste caso resulta no módulo 8 x 8 e ela serve de referência para a criação do grid da assinatura visual.

3X

X

8/X

8/X

9


MARCA

Dimensionamento mínimo

Para garantir a legibilidade da marca, foi estabelecida uma redução máxima para sua assinatura. Deve-se respeitar a proporção entre os elementos, não podendo haver nenhum tipo de distorção em sua forma. O símbolo isolado possui um dimensionamento com uma maior variedade devido a sua fácil legibilidade.

Impresso 10 mm

Símbolo Impresso 3 mm

Digital 27 px

10

Manual de identidade visual Fundação Joaquim Nabuco

Símbolo Digital 10 px


MARCA

Área de proteção

A área de proteção existe para preservar a visualização e leitura da marca. Nenhuma informação ou elemento gráfico pode ultrapassar o espaço delimitado. O módulo X equivale a altura da símbolo reduzido em 50% do seu tamanho original.

X=

A medida utilizada é o símbolo reduzido em 50%

11


MARCA

Versões de assinatura e reduções

Existem dois formatos possíveis para a utilização da marca: vertical e símbolo isolado. A assinatura vertical é principal e deve ter destaque nas aplicações. Assinatura vertical principal

Símbolo isolado

Redução impresso

Redução digital

15 mm

44 px

12

Manual de identidade visual Fundação Joaquim Nabuco

Para a redução da assinatura vertical é necessário priorizar a legibilidade do logotipo.


MARCA

Símbolo isolado

A aplicação do símbolo isolado é permitida em algumas peças gráficas como em lombada de livros, canetas e entre outros. Contudo deve ser usado com cuidado para não haver uma quebra de identidade da marca. A espessura do traçado é variável de acordo com o tamanho que o símbolo terá, deixando em função do manipulador a decisão do valor. É importante uma grande responsábilidade para que a identidade não seja danificada. Símbolo isolado

Símbolo isolado em linhas

Malha de construção

Malha de construção em linhas

13


ARQUITETURA DE MARCA

Assinaturas

A Fundação Joaquim Nabuco é um grande guarda-chuva que envolve vário departamentos e que muitos deles falam individualmente mesmo pertencendo a uma arquitetura. A arquitetura de marca para os departamento possui o mesmo padrão de grid que a assinatura visual da marca principal.

Centro Educacional

Cinema da Fundação

Eles possuem um símbolo específico para sua identificação, é importante que eles tenham essa autonomia de ser únicos mas de pertencer a uma mesma identidade. Os símbolos sempre serão acompanhados do logotipo reduzido da Fundação Joaquim Nabuco (Fundaj) e por um texto de identificação especificando o seu departamento.

Padrão tipográfico do texto de identificação Weekly SemiBold Para nomes de identificação.

14

Manual de identidade visual Fundação Joaquim Nabuco


ARQUITETURA DE MARCA

Construção dos símbolos

A construção dos símbolos segue a mesma estrutura da assinatural visual da Fundação. Os símbolos são construídos a partir das letras iniciais (ou as que possuem mais destaque) do nome dos departamentos. É construído num módulo 8 x 8 para que em seguida seja adicionado o logotipo da Fundação e o texto de apoio. É importante construir uma linearidade no símbolo. Ele não possui nenhum tipo de quebra e sempre usa os espaços das extremidades do módulo. Para nomes com as mesmas iniciais é preciso que mude a forma de representação das letras.

15


ARQUITETURA DE MARCA

Departamentos

Aqui se encontram todos os departamentos listados para a montagem deste manual. Sempre que um novo departamento surgir é possível criar seu símbolo. A marca é democrática e está sempre aberta para novas possibilidades.

16

Cinema do Museu

Villa Digital

Blanche Knopf

MUHNE

Centro Educacional

Engenho Massangana

CANNE

CEHIBRA

Editora Massangana

LABORARTE

Cinema da Fundação

Manual de identidade visual Fundação Joaquim Nabuco


ARQUITETURA DE MARCA

Departamentos com siglas

Alguns departamentos possuem nomes muito extensos e possuem abreviações que sintetizam o que aquilo representa. Para dois departamentos em específico uma flexibilidade de aplicação é concedida por causa do seu forte reconhecimento pelo nome completo Os departamentos Museu do Homem do Nordeste (MUHNE) e Centro Audiovisual Norte-Nordeste (CANNE) contam com a possibilidade de tanto aparecer como sigla quanto como nome completo. Museu do Homem do Nordeste

MUHNE

Centro audiovisual Norte-nordeste

CANNE

17


ARQUITETURA DE MARCA

Assinatura Vertical

As assinaturas verticais formam uma hierarquia idêntica com a assinatura visual principal da Fundação Joaquim Nabuco, uma construção de símbolo + logotipo em sequência. Assinaturas verticais principais

18

No caso dos departamentos é usado o auxílio dos textos de identificação.

Museu do Homem do Nordeste

Engenho Massangana

Cinema do Museu

Blanche Knopf

Manual de identidade visual Fundação Joaquim Nabuco


ARQUITETURA DE MARCA

Dimensionamento mínimo

O dimensionamento mínimo da arquitetura de marca é diferente da assinatura visual, por ter uma junção de logotipo + texto de identificação é necessário um cuidado maior com a legibilidade, em consequência, há uma mudança nos valores do dimensionamento. Impresso

12 mm

Museu do Homem do Nordeste

21 mm Museu do Homem do Nordeste

Digital

34 px

Museu do Homem do Nordeste

61 px Museu do Homem do Nordeste

19


CORES

Cores institucionais

A Fundação Joaquim Nabuco possui duas cromias institucionais principais que devem ser priorizadas em todos os meios de comunicação. As cromias de apoio são usadas em aplicações da identidade. Principais

Apoio

Laranja Fundaj

Vermelho Fundaj

R - 245 G - 156 B-0

C - 0% #F59C00 M - 45% Y - 100% Pantone 137 C K - 0%

R - 74 G - 19 B - 19

C - 30% M - 100% Y - 100% K - 30%

#8D1A14 Pantone 7427 C

Vermelho vivo Fundaj

Marrom Fundaj

R - 74 G - 19 B - 19

C - 40% #4A1313 M - 95% Y - 75% Pantone 4975 C K - 70%

R - 218 G - 41 B - 28

C - 0% M - 100% Y - 100% K - 0%

#DA291C Pantone 185 C

Preto Fundaj

R-0 G-0 B-0

20

Manual de identidade visual Fundação Joaquim Nabuco

C - 15% #181614 M - 15% Y - 15% Pantone Process Black C K - 100%


CORES

Monocromia

Versão monocromática positiva

Versão monocromática negativa

As monocromias servem para garantir que a aplicação da marca possua a leitura e o destaque necessário. A assinatura visual monocromática se define em sua versão positiva e negativa, também tendo possibilidade de uso sobre fundos com as cores institucionais da marca.

Versão monocromática Marrom Fundaj sobre fundo Laranja Fundaj

Versão monocromática Laranja Fundaj sobre fundo Marrom Fundaj

21


CORES

Monocromia vertical

As monocromias das versões verticais seguem o mesmo padrão da assinatura principal. É importante lembrar que o uso das assinaturas verticais são casos onde a leitura e o entendimento da marca precisam ser priorizados.

Versão vertical com monocromia negativa

Versão vertical com monocromia Laranja Fundaj sobre fundo Marrom Fundaj

Versão vertical com monocromia positiva

Versão vertical com monocromia Marrom Fundaj sobre fundo Laranja Fundaj

22

Manual de identidade visual Fundação Joaquim Nabuco


CORES

Monocromia do símbolo

As monocromias do símbolo da assinatura servem para dar flexibilidade na aplicação. No caso do símbolo é permitido usar a monocromia Laranja Fundaj e Marrom Fundaj sobre fundo branco.

Versão monocromática Laranja Fundaj

Versão monocromática positiva

Versão fundo Marrom Fundaj

Versão monocromática Marrom Fundaj

Versão monocromática negativa

Versão fundo Laranja Fundaj

23


CORES

Aplicações em fundos claros

Para uma maior disposição da marca é possivel aplicá-la com as cores originais sobre fundos claros e homogêneos até 20% da saturação total da cor de origem.

Y 20%

M 20%

C 20%

24

Manual de identidade visual Fundação Joaquim Nabuco


CORES

Monocromia em fundos escuros

Para aplicação da assinatura visual em fundos escuros Ê permitido o seu uso em positivo e negativo, deixando sempre em primeiro lugar a responsabilidade pelo contraste e a legibilidade da assinatura.

C 50% M 50% Y 50% C 60% M 50% K 30%

M 30% Y 100%

C 100% M 100%

25


CORES

Monocromia em fundos tons de cinza

Para fundos com tonalidade cinza é preciso optar por uma versão monocromática de acordo com a tabela abaixo. De 0 até 40% é permitido o uso da monocromia positiva sobre o fundo cinza. Após 40% é necessário o uso da monocromia negativa para garantir a o constrate e em conjunto a legibilidade da assinatura.

K 20%

K 40%

K 60%

K 80%

26

Manual de identidade visual Fundação Joaquim Nabuco


CORES

Cromia da arquitetura

Os departamentos da Fundação seguem o padrão cromático definido para assinatura principal. O Laranja Fundaj é a cor do símbolo enquanto o Marrom Fundaj compõe tanto o logotipo “Fundaj” quanto o nome de referência ao departamento

Cinema do Museu

Villa Digital

Blanche Knopf

MUHNE

Cinema da Fundação

Engenho Massangana

CANNE

Centro Educacional

Editora Massangana

LABORARTE

CEHIBRA

27


CORES

Fundos fotográficos

As aplicações em fundos fotográficos são permitidas desde que sua legibilidade não seja danificada. A marca deve sempre ser aplicada sobre uma área de cor homogênea da imagem. As mesmas normas de uso para os fundos coloridos devem ser respeitadas. A escolha da imagem fotográfica deve ser adequada aos princípios da Fundação Joaquim Nabuco.

28

Manual de identidade visual Fundação Joaquim Nabuco


29


TIPOGRAFIA

Tipografia institucional

As famílias tipográficas escolhidas para compor a identidade visual são Weekly e Source Sans Pro. A Weekly é utilizada no logotipo da assinatura visual. O seu uso pode ser incorporado em títulos de publicações e em aplicações de material impresso. A família Source Sans Pro é usada como texto de apoio para a compor as aplicações da marca da Fundação. Em meios eletrônicos, a famílias tipográfica Calibri pode ser utilizada. Weekly Light AB C D E FG H IJ K LM N O PQ R STUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

Weekly SemiBold AB C D E FG H IJ K LM N O PQ R STUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

30

Manual de identidade visual Fundação Joaquim Nabuco


Source Sans Pro Light

Source Sans Pro Light Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

Source Sans Pro Regular

Source Sans Pro Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

Source Sans Pro Bold

Source Sans Pro Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

Source Sans Pro Black

Source Sans Pro Black Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

Calibri Light

Calibri Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

Calibri Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

Calibri Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

Calibri Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u v w x y z 0123456789

31


GRAFISMOS

Símbolo como grafismo

Os grafismos servem como ferramenta de apoio para a identidade da marca. A Fundação Joaquim Nabuco possui uma lista grande de símbolos que fazem parte da sua identidade, tendo isso em mente, é possível explorar aplicações para fortalecer ainda mais a marca. Os espaçamentos são definidos pela norma de área de proteção da marca. O espaçamento é a redução do símbolo em 50%

32

Manual de identidade visual Fundação Joaquim Nabuco


33


GRAFISMOS

Símbolos entrelaçados sobre fundo fotográfico

A diagramação do entrelaçamento dos símbolos pode ser feita de maneira livre, aproveitando os fundos homogêneo das fotografias e deixando espaço para possíveis aplicações de textos. Os símbolos precisam sempre estar em proporção. É preciso aumentar e diminuir os símbolos na mesma proporção (de 100%, 75% ou 50%). É permitido entrelaçar até 2 símbolos diferentes por aplicação. É usado o efeito de transparência de Multiplicação na aplicação dos símbolos. Os símbolos podem ser usado tanto nas cores institucionais como nas cores de apoio, é importante prezar pela coerência da imagem e a legibilidade na aplicação de textos. Por fim, os símbolos precisam estar sangrados, eles tem que ser maior que o conteúdo em que está sendo aplicado.

34

Manual de identidade visual Fundação Joaquim Nabuco


35


USO INCORRETO Não usar monocromia Laranja Fundaj em fundo branco

Não usar monocromia Marrom Fundaj em fundo branco

A marca Fundação Joaquim Nabuco não deve ser alterada, seja nas suas cores, diagramação ou proporções. Abaixo alguns exemplos de erros que não podem ocorrer. Certifique-se de que a marca seja reproduzida com fidelidade.

Não distorcer

Não mudar a cor

Não mudar a tipografia

Não mudar a proporção

Não usar Vermelho Fundaj na assinatura

Não rotacionar

Não rotacionar o símbolo

Não distorcer o símbolo

Fundos escuros com as cores padrão

Fundos claros acima de 20% com as cores padrão

Fundo preto com as cores padrão

Fundação Joaquim Nabuco

36

Manual de identidade visual Fundação Joaquim Nabuco


37


APLICAÇÕES

Papelaria

As aplicações servem para demonstrar e ilustrar possíveis usos dos elementos da identidade visual.

38

Manual de identidade visual Fundação Joaquim Nabuco


APLICAÇÕES

Cartão de visita

Os cartões de visita usam os símbolos como grafismos. Eles podem ser composto nas duas cores institucionais. É importante que sempre venha acompanhado pela assinatura visual da Fundação Joaquim Nabuco.

39


APLICAÇÕES

40

Crachá

Manual de identidade visual Fundação Joaquim Nabuco


APLICAÇÕES

Pasta

41


APLICAÇÕES

42

Cordão de crachá

Manual de identidade visual Fundação Joaquim Nabuco


APLICAÇÕES

Caneca

43


APLICAÇÕES

44

Ecobag

Manual de identidade visual Fundação Joaquim Nabuco


APLICAÇÕES

Caderno

45


APLICAÇÕES

46

Facebook

Manual de identidade visual Fundação Joaquim Nabuco


APLICAÇÕES

Cartão Postal

47


APLICAÇÕES

48

Cartão Postal

Manual de identidade visual Fundação Joaquim Nabuco


APLICAÇÕES

Zeca de Araújo

Cartazes

Museu do Homem do Nordeste 9 a 15 de Outubro 9h até 22h

VIDAS

SECAS

49


50

Manual de identidade visual Fundação Joaquim Nabuco


51


52


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.