20

Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

  • Upload
    tranbao

  • View
    218

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3
Page 2: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3
Page 3: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

I. O manual de identidade visual

2. A família tipográfica

3. Convenções sobre a utilização do logótipo3.1 A cor no logótipo3.2 Comportamento sobre fundos de cor3.3 Comportamento sobre imagens3.4 Utilizações incorrectas3.5 Espaço envolvente3.6 Dimensões mínimas

4. Estruturas JS4.1 Federações, concelhias e núcleos4.4 Estruturas autónomas

5. Aplicação em suportes gráficos e web5.1 Envelope e papel de carta5.2 Cartões de visita Roll-Ups5.3 Assinatura e-mail Redes Sociais Redes Sociais Estruturas JS

2

3

456789

1011

121314151617

I.

2.

3.3.13.23.33.43.53.6

4.4.14.2

5.5.15.25.35.45.55.6

Índice Manual de identidade visual JS

1

Page 4: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

Este manual representa o conjunto de normas estabelecidas na criação da imagem institucional da Juventude Socialista.

Tem o propósito de guiar e estabelecer regras de utilização do logótipo e das suas variantes, bem como as suas aplicações em qualquer material de comunicação da Juventude Socialista.

A boa utilização das regras aqui estipuladas é crucial na projecção de uma imagem coesa, profissional e cuidada.

Os logótipos, fontes e todos os materiais de comunicação estão disponíveis no KIT de Militante.

Se existirem questões ou dúvidas não esclarecidas neste documento podem ser resolvidas contactando o departamento de comunicação da Juventude Socialista para o número +351 213 712 306.

1. O manual de identidade visual Manual de identidade visual JS

2

Page 5: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

Títulos Corpos de texto

Rockwell Regular

Rockwell Italic

Rockwell Bold

Rockwell Bold Italic

Lato Hairline

Lato Hairline Italic

Lato Light

Lato Light Italic

Lato Regular

Lato Italic

Lato Bold

Lato Bold Italic

Lato Black

Lato Black Italic

2. A família tipográfica Manual de identidade visual JS

3

Page 6: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

Vermelho JS Branco

CMYK

RGB

HEX

Pantone 1797

C 3M 100Y 100K 5

R 232G 0B 0

e80000

CMYK

RGB

HEX

C 0M 0Y 0K 0

R 255G 255B 255

ffffff

CMYK

RGB

HEX

C 0M 0Y 0K 100

R 0G 0B 0

000000

Preto

As cores deverão ser preferencialmente directas - Pantone. Na impossibilidade de o fazer, deverá ser utilizada a correspondência em quadricomia. São também apresentadas as cores em RGB e HTML para utilização em ecrã.

A cor ideal para o logótipo é o Vermelho JS quando aplicado sobre fundos claros, ou em Branco sobre fundos escuros. É permitida a utilização do logótipo a Preto somente quando não é possível a impressão a cores.

3. Convenções sobre a utilização do logótipo

3.1 A cor no logótipo

Manual de identidade visual JS

4

Page 7: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

3. Convenções sobre a utilização do logótipo

3.2 Comportamento sobre fundos de cor

Manual de identidade visual JS

5

Page 8: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

O logótipo não deve ser apli-cado em situações de poluição gráfica excessiva de forma a não comprometer o seu reconhecimento visual integral.

3. Convenções sobre a utilização do logótipo

3.3 Comportamento sobre imagens

Manual de identidade visual JS

6

Page 9: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

Não são permitidas quaisquer alterações de proporção e de disposição de qualquer um dos elementos do logótipo, bem como a sua distorção ou alteração de cores, linhas e alinhamentos. Também não é permitida a intro-dução de novos elementos, cores ou sombreados.

É permitida a utilização do símbolo da mão e rosa separadamente de “Juventude Socialista” apenas como elemento decorativo ou apontamento gráfico.

3. Convenções sobre a utilização do logótipo

3.4 Utilizações incorrectas

Manual de identidade visual JS

7

Page 10: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

A

A

AO espaço envolvente do logótipo não poderá nunca ter margens inferiores à dimensão “A” no logótipo base e “B” no logótipo secundário.

B

B

B

B

B

B

3. Convenções sobre a utilização do logótipo

3.5 Espaço envolvente

Manual de identidade visual JS

8

Page 11: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

Impressão

Web

15mm 10mm

57px 20px

As dimensões mínimas para a utilização do logótipo em material impresso é de 15mm de largura para o logótipo base e 10mm de largura para o logótipo secundário. Em ecrã o logótipo base nunca deverá ter menos que 57px e o logótipo secundário 20px.

Quando o sistema de reprodução ou material a aplicar seja de inferior qualidade, sugere-se uma utilização do logótipo em dimensão maior ou a utilização do logótipo secundário.

O redimensionamento deverá sempre ser proporcional (consultar pág.7).

3. Convenções sobre a utilização do logótipo

3.6 Dimensões mínimas

Manual de identidade visual JS

9

Page 12: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

4. Estruturas Js

4.1 Federações, Concelhias e Núcleos

Manual de identidade visual JS

10

Page 13: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

4. Estruturas Js

4.2 Estruturas autónomas

Manual de identidade visual JS

11

Page 14: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

Rua Rodrigo da Fonseca Nº 24, 1º Direito

1250-193 Lisboa, Portugal.

+351 213 712 306

www.juventudesocialista.pt

Rua Rodrigo da Fonseca Nº 24, 1º Direito 1250-193 Lisboa, Portugal.

+351 213 712 306 www.juventudesocialista.pt

Exmo. SenhorAntónio Antunes Almeida

Rua Santa Catarina Nº190 2º Frt4000-442 Porto

Porto, 02 de Novembro de 2012

LOREM IPSUM

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt.

5. Aplicações em suportes gráficos e web

5.1 Envelope e papel de carta

Manual de identidade visual JS

12

Page 15: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

João TorresSecretário Geral

+351 911 123 [email protected]

Rua Rodrigo da Fonseca Nº 24, 1º Direito

1250-193 Lisboa, Portugal.

+351 213 712 306

www.juventudesocialista.pt

5. Aplicações em suportes gráficos e web

5.2 Cartões de visita

Manual de identidade visual JS

13

Page 16: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

5. Aplicações em suportes gráficos e web

5.4 Roll-ups

Manual de identidade visual JS

14

BRAGA

Page 17: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

5. Aplicações em suportes gráficos e web

5.5 Assinatura e-mail

Manual de identidade visual JS

15

Page 18: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

5. Aplicações em suportes gráficos e web

5.6 Redes sociais

Manual de identidade visual JS

16

Page 19: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

5. Aplicações em suportes gráficos e web

5.7 Redes sociais estruturas JS

Manual de identidade visual JS

17

A imagem de perfil utilizada em qualquer rede social deverá sempre compreender o logótipo secundário na cor Vermelha JS, centrado sobre um fundo branco. Não é permitida a introdução de texto, já que estas imagens serão reproduzidas em situações de tamanho muito reduzido.

Na criação de imagens de capa ou de fundo para qualquer rede social, deverá ser intro-duzido o logótipo secundário com a desig-nação de local, federação, concelhia ou núcleo, sobre uma fotografia representativa do local. A cor do logótipo irá depender do fundo (consultar pág. 5 e 6). O tamanho da imagem deverá ser feito de acordo com as especificações fornecidas pela rede social.

Page 20: Manual de Identidade Visual da Juventude ... - Cloudinaryres.cloudinary.com/.../Manual_Identidade_Visual_JS_mrlvec.pdfI. O manual de identidade visual 2. A família tipográfica 3

Rua Rodrigo da Fonseca Nº 24, 1º Direito 1250-193 Lisboa, Portugal.+351 213 712 306 www.juventudesocialista.pt