Manual executivo - Revista Pitoresca.

MANUAL EXECUTIVO PITORESCA

ÍNDICE

1. A REVISTA

1.1 Revista Pitoresca......................................................09

2. INFORMAÇÕES TÉCNICAS

3.2.2 Subtítulo e texto - Century.................................23 3.2.3 Título - Pangram Sans..........................................24 3.2.4 Subtítulo e texto - Pangram Sans.....................24 3.2.5 Título - Another Birdhouse.................................25

2.2 Logotipo......................................................................15

3.2.6 Subtítulo e texto - Another Birdhouse............25

2.2.1 Tipografia................................................................16

3.3 Outras tipografias também usadas na revista.....26

2.2.2 Grade de construção............................................17

3.3.1 Descrição de sumário..........................................27

2.2.3 Zona de proteção..................................................18

3.3.2 Chapéu do sumário..............................................27

3. TIPOGRAFIA

3.3.3 Número de página................................................27 3.3.4 Título de matéria do sumário.............................27

3.1 Tipografia para capa................................................20

3.3.5 Chapéu da seção...................................................28

3.1.1 Título de matéria...................................................21

3.3.6 Título de matéria...................................................28

3.1.2 Chamada.................................................................21

3.3.7 Subtítulo.................................................................28

3.1.3 Número da edição................................................21

3.3.8 Frase de destaque................................................28

3.1.4 Descrições da edição...........................................21

3.3.9 Boxes.......................................................................29

3.2 Tipografia para ensaio fotográfico.......................22

3.3.10 Créditos e legendas...........................................29

3.2.1 Título - Century.....................................................23

3.3.11 Fólio.......................................................................29

3.3.12 Texto corrido........................................................29

6. ELEMENTOS GRÁFICOS

4. GRADE E MANCHAS

6.1 Elementos fixos.........................................................61

4.2 Orientações gerais de capa...................................32

7. MATERIAIS E ACABAMENTOS

4.1 Grade geral da revista.............................................31 4.3 Carta ao leitor...........................................................33 4.4 Expediente.................................................................35 4.5 Sumário.......................................................................36 4.6 Ensaio..........................................................................38 4.7 Matéria principal.......................................................49 4.8 Abertura de matéria.................................................50 4.9 Demais matérias.......................................................54

5. SISTEMA CROMÁTICO

5.1 Cores...........................................................................58 5.2 Seções.........................................................................59

6.2 Elementos opcionais................................................62

7.1Sistema de impressão e papéis..............................65

1. A REVISTA

Ponte Estaiada Octavio Frias de Oliveira, São Paulo - Brasil. Foto: Thiago Leite

A revista Pitoresca tem enfoque na temática Design na Cidade de São Paulo e possui o objetivo de enaltecer os projetos regionais e inovações na área.

Este é um documento oficial de uso obrigatório para qualquer reprodução da revista Pitoresca, garantindo assim, a correta aplicação dos elementos de identidade e o bom uso da imagem gráfica da revista.

08

INTRODUÇÃO

1.1 REVISTA PITORESCA Pitoresco é um adjetivo na língua portuguesa e define aquilo que é excêntrico, inusitado e interessante. Nossa revista traz esse significado como propósito e vai além!

Possui a capacidade de entreter e divertir por conta de sua essência própria e diferenciada. Pensa no viés artistico e no aspecto design informativo e de conhecimento cultural.

Este manual tem o objetivo de proporcionar uma fiel reprodução da revista Pitoresca.

09

Mural por Kobra no Ibis Styles Faria Lima, SĂŁo Paulo - Brazil . Foto: Fernando Brizola.

Arte maior do que a vida.

Eduardo Kobra é um expoente da neovanguarda paulista. Seguindo os desdobramentos que a arte urbana ganhou em São Paulo, suas artes são uma representação do conceito da revista Pitoresca.

11

2. INFORMAÇÕES TÉCNICAS

2.2 LOGO DA REVISTA Ser simples e criativo; o logotipo da Revista Pitoresca tem como objetivo ser original e minimalista, formado apenas por um linha de texto.

15

LOGOTIPO

2.2.1 TIPOGRAFIA A fonte escolhida para o logotipo foi a Headline One desenhada pelo designer Andrew Leman. Possui características de corpo Bold com estrutura esticada e sem serifa.

Foi utilizado um Tracking diferente da fonte original para uma leitura mais pausada.

headline one ABCDEFGHIJKLM NOPQRSTUVXWYZ 0123456789 .;:!?;()-“[]/

16

LOGOTIPO

2.2.2 GRADE DE CONSTRUÇÃO A grade de construção do logotipo da revista foi construida com base no tamanho fechado do espaço existente no “A” da tipografia Headline One HTPLHS. A distância entre todas as letras da palavra “PITORESCA” é baseada no tamanho da letra “i” da mesma.

17

LOGOTIPO

2.2.3 ZONA DE PROTEÇÃO A zona de proteção do logotipo deve ser rigorosamente respeitada para não afetar a vizualização e entendimento do mesmo quando representado na proximidade de outros elementos.

Portanto, toma-se como base de zona de proteção a letra “I” da palavra “Pitoresca”.

18

3. TIPOGRAFIA

A revista comporta uma biblioteca com cinco famílias tipográficas que, assim como todos os elementos da mesma possuem um modo adequado para aplicação.

TIPOGRAFIA

3.1 TIPOGRAFIAS PARA A CAPA DA REVISTA O capa possui três Tipos diferentes para sua composição.

Veja a seguir quais são elas e como aplica-las:

20

3.1.1 TÍTULO DA MATÉRIA

3.1.2 CHAMADA Bebas Neue Regular.

Headline One

Corpo: 30 pt.

Corpo: 11 pt.

Corpo: 40 pt.

Bebas Neue Bold

3.1.3 NÚMERO DA EDIÇÃO

Seja marginal, seja herói cartazes tipográficos resistem heróicamente em sua marginalidade São Paulo Abril de 2017 Exemplar nº1

01

3.1.4 DESCRIÇÕESDA REVISTA Lato Regular

Corpo: 09 pt.

Entrelinha: 16 pt.

21

TIPOGRAFIA

3.2 TIPOGRAFIAS PARA O ENSAIO FOTOGRÁFICO O ensaio fotográfico possui três opções de tipografias que podem ser aplicadas de acordo com o conceito do ensaio da edição.

22

3.2.1 TÍTULO

Century Regular Corpo: 60 pt.

Entrelinha: 70 pt

3.2.2 SUBTÍTULO E TEXTO Century Regular Corpo: 22 pt.

Entrelinha: 33 pt.

23

3.2.3 TÍTULO Pangram Bold Corpo: 36 pt.

Entrelinha: 30 pt

3.2.4 SUBTÍTULO E TEXTO Pangram Light Corpo: 22 pt.

Entrelinha: 30 pt.

24

3.2.6 SUBTÍTULO E TEXTO

Another Birdhouse Light Corpo: 30 pt.

Entrelinha: 36 pt.

Penumbra

3.2.5 TÍTULO

Another Birdhouse Regular Corpo: 48 pt.

Entrelinha: 45 pt

25

TIPOGRAFIA

3.3 OUTRAS TIPOGRAFIAS TAMBÉM USADAS NA REVISTA

26

3.3.1 DESCRIÇÕES 3.3.2 CHAPÉU DO SUMÁRIO DO SUMÁRIO Impact regular Lato Regular

Corpo: 10 pt.

Corpo: 09 pt.

Entrelinha: 17 pt.

Entrelinha: 16 pt.

Tracking: 200.

3.3.3 Nº DE PÁGINA

3.3.4 TÍTULO DE MATÉRIA DO SUMÁRIO

Impact regular

Impact Regular

Corpo: 10 pt.

Corpo: 12 pt.

Entrelinha: 17 pt.

Entrelinha: 16 pt.

Tracking: 200.

Tracking: 200.

27

3.3.5 CHAPÉU Lato Bold

Corpo: 12 pt.

Tracking: 300.

3.3.6 TÍTULO DE MATÉRIAS Impact Regular Corpo: 60 pt.

Entrelinha: 70 pt.

3.3.7 SUBTÍTULO Lato Italic

Corpo: 18 pt.

Entrelinha: 24 pt.

3.3.8 FRASE DE DESTAQUE Impact Regular Corpo: 60 pt.

Entrelinha: 80 pt.

28

3.3.9 BOXES Lato Medium Corpo: 09 pt.

Entrelinha: 16 pt.

3.3.10 CRÉDITOS E LEGENDAS Lato Regular

Corpo: 08 pt.

Entrelinha: 15 pt.

3.3.12 TEXTO CORRIDO Lato Regular

Corpo: 09 pt.

Entrelinha: 16 pt.

3.3.11 FÓLIO Impact Regular Corpo: 14 pt.

29

4. GRADE E MANCHAS A revista Pitoresca faz uso de uma grid modeluar, pois segundo Timothy Samara, este ĂŠ apropriado para projetos complexos e que exigem um grau maior de controle do que uma grid de colunas.

4.1 GRADE GERAL DA REVISTA A grid modular que contêm quatro colunas e seis barras com distância de seis milímetros entre elas.

Já a margem segue as medidas dezoito milímetros na parte superior, doze milímetros na parte infeiror e quinze milímetros nas laterais.

31

GRADE E MANCHAS

4.2 ORIENTAÇÕES GERAIS DA CAPA A imagem de capa, poderá ser tanto uma fotografia, ilustração ou cartaz que irá fazer referência a matéria principal da edição. Contudo, as capas da revista seguem a mesma grade que o miolo da mesma.

O tamanho da tarja preta, na qual a chamada da metéria principal está presente, deve ter o tamanho de 20mm e o espaçamento entre o título e o subtítulo deve ser de 2,3mm.

Já a distância entre o código de barras e a barra vertical, e a barra vertical e as informações da revista, devem ter a distância de 6,3mm.

32

Elemento fixo Logotipo

O elemento

O logotipo da

não deve sofrer

revista deve ser

alterações.

posicionado na parte superior da capa.

Imagem A imagem deve ser sangrada e posicionada na parte indicada pela

Chamada da matéria principal A chama deve ser inserida na tarja preta e o texto com alinhamento à esquerda.

Código de barras Deve sempre estar à esquerda.

cor cinza.

Nº da Edição O número da edição da revista deve estar sempre à direita da capa.

Informações sobre a revista Local, data e nº de exemplar.

33

GRADE E MANCHAS

4.3 CARTA AO LEITOR A carta ao leitor será o primeiro contato que o leitor terá após a capa e estará sempre na página 03.

O texto justificado alinhado à esquerda ocupa o espaço de dois módulos da grade.

34

4.4 EXPEDIENTE O expediente, ao contrário da carta ao leitor, será o último contato do leitor antes da terceira e quarta capa. Contudo, o expediente se localiza centralizado na página.

35

GRADE E MANCHAS

4.5 SUMÁRIO O sumário está divido em quatro colunas por página, tendo cada coluna duas imagens, podendo ser de apenas uma matéria ou até mesmo de duas matérias distintas, porém sempre pertencentes a mesma seção da revista.

Todos os textos, com exceção do chapéu que será centralizado, devem estar alinhados a esquerda.

36

37

GRADE E MANCHAS

4.6 ENSAIO O Ensaio é a primeira seção da revista e possui uma característica diferente das demais seções.

Suas páginas podem ter o fundo branco ou preto dependendo do conceito do ensaio fotográfico da edição.

38

39

GRADE E MANCHAS

41

GRADE E MANCHAS

43

GRADE E MANCHAS

45

GRADE E MANCHAS

47

GRADE E MANCHAS

4.7 MATÉRIA PRINCIPAL Para dar ainda mais destaque a matéria principal da revista, ela será sempre na vertical à direita.

49

GRADE E MANCHAS

4.8 ABERTURA DE MATÉRIA Os textos sempre ocuparão dois módulos da grade, porém os títulos e subtítulos podem ser maiores ou menores. Pensando nessa possibilidade, a revista Pitoresca possui dois tipos de aberturas de matérias, uma para os subtítulos que possuem até três linhas escritas e outro para subtítulos que possuem quatro linhas ou mais.

50

51

GRADE E MANCHAS A abertura de matéria que possui até três linhas, deve possuir uma frase de destaque, que sempre será virada em 45 graus à direita. Lembrando que a frase é algo sucinto e objetivo. Já abertura de matéria para que possui quatro linhas ou mais, deve possuir uma uma linha corespodente a cor da seção.

52

53

GRADE E MANCHAS

4.9 DEMAIS DE MATÉRIA A revista Pitoresca possui uma ampla possibilidade de posicionamentos na grade, porém segue alguns padrões de tamanho de imagem e localidade de texto.

Veja alguns exemplos:

54

55

O sistema cromático da revista Pitoresca foi extraído do colorido existente na própria cidade de São Paulo, que possui uma grande diversidade de cores.

Imagens da cidade de São Paulo com o qual a revista Pitoresca se baseou para a determinação do sistema cromático.

56

5. SISTEMA CROMÁTICO O sistema cromático foi extraído de uma pesquisa iconográfica pela cidade de São Paulo.

SIST.CROMÁTICO CMYK: 95% 10% 45% 0% RGB: 0% 149% 151%

5.1 CORES

Hexadecimal: #009597 Pantone: 3272C

CMYK: 0% 70% 90% 0% RGB: 236% 103% 38% Hexadecimal: #ec6625 Pantone: 1645C

Foram escolhidas 8 cores sendo o preto e o cinza como cores de apoio. Cada seção da revista possui uma cor principal, que será aplicada nos elementos gráficos, e duas cores que complementares que

CMYK: 60% 25% 10% 0%

CMYK: 0% 24% 94% 0%

serão encontradas nas imagens que compõe as

RGB: 110% 164% 203%

RGB: 253% 198% 0%

matérias.

Hexadecimal: #6ea4cb

Hexadecimal: #fdc500

Pantone: 549C

Pantone: 123C

Confira:

CMYK: 72% 100% 27% 20%

CMYK: 12% 100% 48% 0%

CMYK: 100% 94% 35% 40%

CMYK: 50% 10% 100% 0%

RGB: 93% 33% 94%

RGB: 211% 13% 84%

RGB: 32% 35% 75%

RGB: 150% 181% 34%

Hexadecimal: #5c205d

Hexadecimal: #d30d53

Hexadecimal: #20234b

Hexadecimal: #95b421

Pantone: 2623C

Pantone: 214C

Pantone: 2766C

Pantone: 368C

58

5.2 SEÇÕES

MUSEALIZANDO

BRASILEIRÍSSIMOS

A seção é destinada a mostrar e desvendar o design, ligado a arte, inserido nos museus.

A seção é destinada a projetos e design por brasileiros sempre ligados a cartaz.

DE TODOS

TIPOS

A seção é destinada a apresentar o design vernacular da cidade de São Paulo.

A seção é destinada a matérias e temas relacionados a tipografia e seu universo.

Cada seção da revista Pitoresca possui uma determinada cor, uma ordem específica e matérias relacionadas com sua descrição.

Veja as instruções a seguir:

ENSAIO

ATUALIDADES

DESIGN CURIOSO

INFORMAÇÃO

A seção é destinada a ensaios fotográficos que estejam relacionados ao design em São Paulo.

A seção é destinada a temas atuais e inovadores no campo de design gráfico.

A seção é destinada a trazer assuntos associados ao design gráfico e a cidade de São Paulo.

A seção é destinada a infográficos que podem informar e ilustrar temas ligados a outras matérias.

59

6. ELEMENTOS GRĂ FICOS Os elementos grĂĄficos fazem parte da identidade da revista e sempre devem estar presentes para garantir a unidade e singularidade da mesma.

6.1 ELEMENTOS FIXOS Os elementos gráficos que sempre devem estar presentes na revista são a pincelada de tinta para os

8 mm 10 mm Indicador de página.

chapéus, a linha para abertura da materia e o indicador de página, sempre respeitando a cor de cada seção.

10 mm

A linha de abertura de matéria se ajusta de acordo com os módulos da grid.

68 mm Chapéu da sessão.

Veja as medidas a seguir: 4,2 mm Linha de abertura de matéria.

61

E L E M E N TO S G R A F.

6.1 ELEMENTOS OPCIONAIS

2,1 mm

Os elementos opcionais podem ou não estar

116,8 mm

presentes nas páginas da revista, poderem devem aparecer em todas as edições de forma aleatória.

O bloco de linhas possui trinta e seis linhas com

76,9 mm Bloco de linhas.

espessura de 1 mm e espaçamento de 2,1 mm entre

81 mm

elas.

Veja as medidas a seguir:

58 mm Box para texto de destaque.

62

7. MATERIAIS E ACABAMENTOS Os acabamentos da revista são importantíssimos para a execução e finalização da revista.

ACABAMENTOS.

7.1 SISTEMA DE IMPRESSÃO E PAPÉIS O sistema de impressão: Offset; Tiragem: 10.000 (dez mil) exemplares por edição.

Encadernação: lobada conoa com dois grampos.

Formato aberto: 400mm X 270mm.

Formato fechado: 200mm X 270mm.

Papel de capa: Couchê fosco, 115 gramas.

Papel do miolo: Offset, 75 gramas.

65

É proibido qualquer reprodução da revista Pitoresca que não esteja de acordo com esse manual executivo e não tenha a autorização expressa dos autores.

Manual Executivo Revista Pitoresca Projeto Interdiciplinar Universidade Anhembi Morumbi Design GrĂĄfico com ĂŠnfase em Tipografia Julho de 2017