Finalmente iremos retomar os posts em nossa coluna de brandbook e manuais de marca. E hoje trazemos um que não tem a exclusividade como o da Nike Football e Carrefour, mas que é uma ótima referência a todos nós.

Trata-se do manual da marca I Love NY, famoso projeto de Milton Glaser. Nele contém aquilo de sempre: tipografia, o que não pode, exemplos de aplicação, fotografia, tom de voz e etc. Com exceção dos materiais impressos lá mostrados (que são péssimos!) e mesmo sendo de 2008, o documento é sensacional!

Aproveitem!

PS: tem algum manual bacana por ai? Manda pra gente compartilhar

Feliz em voltar a escrever aqui no LOGOBR pessoal. E não poderia ser de melhor forma.

Como alguns de vocês sabem, no fim de setembro estive na UNESP Bauru para participar da primeira Semana de Tipografia, que aliás foi sensacional! Bem, enquanto fazia as pesquisas para a palestra que iria ministrar na Semana, me deparei com algo que ainda não consigo crer de tão fantástico que é. Trata-se do manual de identidade do Terceiro Reich de Hitler. É o brandbook da marca Nazista!

Publicado pela primeira vez em 1936 e com versões atualizadas nos anos subsequentes, esse manual contém mais de 500 páginas escritas em blackletter contendo informações diversas e imagens do uso de logos, uniformes, títulos, insignias militares, texturas, fluxogramas de níveis hierarquicos, disposição de prédios oficiais, armas, chapéus de cada uma das patentes das forças militares e policiais, medalhas, bandeiras e até documentos. Um manual de 75 anos atrás, mas que poderia ter sido feito em nossos dias.

E antes que você pergunte: ele está divido em duas partes porque o Issuu não aceita documentos com mais de 500 páginas. Ambos documentos com download habilitado. Divirtam-se!

Sei que é desnecessário, mas só para garantir: esse post tem por único e exclusivo objetivo compartilhar o conteúdo sobre design gráfico e identidade visual que esse manual contém. Estamos bem longe de qualquer ideologia nazista, ok?

Aloha!

Sabe um daqueles projetos que quando você vê dá vontade de estudar aquilo por horas, ter todos os manuais e tentar aprender o máximo com ele? Bem, assim eu me sinto desde que vi o logo da Euro 2012, quando foi lançado em 2009. Na época não escrevi nada a respeito pelos motivos que vocês já sabem: escrevo quando tenho algo de novo a mostrar ou uma opinião forte para verbalizar. Mas desde então, me apaixonei pelo projeto. Nesse mês que o campeonato está acontecendo, meus níveis de admiração pelo projeto foram às alturas. Tudo é muito bem pensado, muito bem desenhado e se encaixa de forma linda e funcional.

E para nossa alegria, a consultoria portuguesa Brandia Central, responsável pelo projeto, lançou um site com diversas imanges, videos e textos apresentando a criação e desenvolvimento de toda a identidade visual da Euro 2012. Uma verdadeira “cereja do bolo”.

O site é curto, mas vocês encontrarão ótimo conteúdo: videos, ilustrações diversas, roughs, design televisivo, estudo mostrando como foi o processo de criação e de inspiração na estética do Wycinanka, desenho iniciais, logos, texturas, country flags, guidelines, aplicações do logo e todo o restante da identidade visual. Tem até o logo em realidade aumentada. Na verdade, é um blog. Eles estão atualizando periodicamente.

Meu primeiro destaque: post sobre o logotipo e sua aplicação (todas as versões, cores possíveis, tamanhos e etc). Detalhe para a atenção especial da Brandia Central em colocar os elementos TM e © 2009 UEFA TM no logo de forma harmoniosa. Comparem com o que a Africa fez no logo da Copa 14 e vocês entenderão o que quero dizer.

Aliás, a preocupação da UEFA com suas marcas e em como elas se apresentam é invejável. Vide identidades para Euro 2004, 2008, 2009 (feminina) e o que eles fazem na Champions League e Europa League. Pode não ser que alguns não gostem disso ou daquilo, mas que a preocupação da UEFA em se apresentar bem ao mundo é clara, disso não existe dúvida. Eles tem até a “identidade sonora” para a Champions, que é tocada em todos os comerciais, no início e fim das transmissões e antes do início do jogo. Mas isso é assunto para outro dia. E que assunto!

E o segundo destaque, que não poderia ser diferente, vai para o kit Guideline. Dois livros belíssimos numa embalagem mais bela ainda, mostrando como a identidade deveria ser aplicada. Eu trocaria minha mãe por aquele livro violeta (mentira!).

A única coisa que senti falta, e que até agora não entendi por que não está lá, é um post mostrando o projeto tipografico exclusivo que eles fizeram para a Euro. É um projeto belíssimo que merecia ser mostrado.

Enfim, aproveitem, usem e abusem (e baixem!) pois esse site não ficará muito tempo no ar.

O blog continua sendo atualizado. Postaram sobre as ilustrações para os estádios e sobre a tipografia usando no logo. Assinem o RSS para que vocês recebem as atualizações

O programa de design corporativo da Underground Group na primeira metade do século XX é até hoje um dos maiores exemplos do que pode acontecer (de bom) quando designers assumem papeis de liderança em corporações publicas e/ou privadas (aliás, esse é um assunto que podemos abordar um dia desses).

Contexto histórico

Se a minha primeira frase não fez muito sentido aconselho que leia esse pequeno resumo histórico antes de baixar os manuais.

Em 1890, foi inaugurado em Londres o primeiro sistema se transporte ferroviário elétrico subterrâneo do mundo. O novo serviço recebeu o nome de Undergorund. Nas primeiras décadas no século XX a Underground Group foi a empresa responsável pela administração de todo o sistema de transportes de Londres, incluindo o tal do metrô.

Entretanto foi Frank Pick, um advogado apaixonado por artes e design, que liderou a Underground Group à vanguarda do uso do design (talvez foi quase um movimento pré-modernista). Por meio de sua liderança, o design foi usado e levado a extremos desconhecidos antes pelas empresas, principalmente públicas. Ele defendeu o design em diversas frentes: logotipos, tipografia, sinalização, publicidade, arquitetura das estações, design de produto (trens e onibus).

As plataformas das estações eram cuidadosamente planejadas para o uso humano e estético. Durante as primeiras quatro décadas de existência do metrô, o patronato de Pick fez uma contribuição positiva ao meio ambiente e se tronou um modelo internacional de responsabilidade do design corporativo.

[Philip B. Meggs, História do Design Gráfico, Ed. Cosacnaify]

Pick trabalhava como advogado e estatístico para a Underground Group. Mas sua constante insatisfação e crítica com a forma como a empresa se comunicava com o público o fez receber a responsabilidade de cuidar da publicidade da empresa por volta de 1908. Assim que assumiu passou a fazer mudanças.

Além de organizar a confusão de cartazes de anunciantes com posters informativos sobre os transportes, Pick implementou novas placas nas estações do metrô (1908), que tinham um disco vermelho uniforme atravessado ao meio por uma barra azul que trazia o nome das estações em letras brancas sem serifa. Um símbolo chamado pelos britânicos de roundel. Essa ideia simples e inteligente ajudava os passageiros a identificarem o nome da estação em meio aos posters de publicidade e informativos.

• Fotografia: coleção do London Transport Museum •

• Fotografia: Jeremai Smith •

Alguns anos depois, insatisfeito com a tipografia usada nos impressos do metrô, Pick contratou o calígrafo Edward Johnston para projetar uma fonte exclusiva, que foi patenteada em 1916. A Railway de Johnston era uma tipografia sólida, extremamente geométrica. O livro História do Design Gráfico dá um belo panorama do trabalho de Johnston:

Edward Johnston buscou a clareza funcional absoluta mediante a redução de seus caracteres à forma mais simples possível: o ‘M’ é um quadrado perfeito cujos traços em diagonais de 45 graus se encontram no centro exato da letra; o ‘O’ é um círculo perfeito; todas as letra têm um desenho elementar semelhante. A caixa-baixa do ‘L’ tem uma cauda para evitar confusão com o ‘I’ caixa-alta. Essas letras elementares foram protótipos para o design reducionista.

• Fotografia: livro História do Design Gráfico, Ed. Cosacnaify •

Após o desenho da fonte exclusiva Johnston continuou a trabalhar para Pick. Ele projetou uma nova versão da sinalização e dos logos das estações, usando sua nova fonte em cima da barra azul. Mas ele alterou algo: trocou o disco por um círculo. Mal sabia Johnston que havia criado os dois maiores símbolos do design gráfico britânico: a tipografia Railway (que inspirou Eric Gill a projetar a famosa Gill Sans, usada nos cartazes “Keep Calm” durante a II Guerra) e o roundel.

Aliás temos uma ótima imagem: o desenho das proporções do novo logo feito por Johnston. Um guideline para guiar a reprodução e aplicação do novo logo.

• Fotografia: Curry15 •

• Fotografia: coleção do London Transport Museum •

• 1920 •

No início da década de 1970 a consultoria Design Research Unit, do designer Misha Black, foi contratada para repensar e redesenhar toda a identidade visual dos transportes londrinos, incluindo logotipos e tipografias. Então em 1972, o roundel foi relançado na forma como o conhecemos hoje. Um verdadeiro ícone pop britânico.

• Fotografia: E04 •

Em 1984 foi criada a LTR, London Transporter Regional, para administrar os sistemas de metrô e de onibus. Em 1987 a consultoria Wolff Olins for contratada para criar uma versão do roundel para cara uma das subsidiárias da LTR, buscando trazer uma comunicação única para a LTR e seus serviços.

• Fotografia: coleção do London Transport Museum •

Em 2000, foi criada a TfL, Transport for London, que substituiu a LTR. De cara, ela recebeu a tutela sobre os sistemas de onibus, taxis, ‘linhas’ do rio Tamisa, trens, placas de transito, alugueis de bicicleta e outros pontos de transporte da cidade. Em 2003 a coroa: o sistema de metrôs foi anexado ao TfL. A decisão de continuar a usar o roundel como principal simbolo de todos os sistemas foi imediata. Para isso, fora criados versões distintas para cada um dos sistemas, apenas alterando a cor da barra. Cada um dos sistemas ganhou sua própria identidade visual. Todos os logos “não-roundel“ foram eliminados nesse processo de redesign da identidade.

Os manuais

Dei esse panorama histórico para entendermos como o famoso logo se transformou num complexo sistema de identidade de todos os tipos de transporte de Londres.

A TfL disponibiliza em seu site todos os manuais para cada uma das marcas. Tem manuais específicos para cores, para sinalização, pintura das estações, papelarias, projetos editoriais, CDs e DVDs, pintura de trens e onibus, uniformes, molduras para cartazes, desenho de placas e fachadas, ícones, design para máquinas de tickets e muito mais. Já vi muitos manuais de aplicação de marca, mas nada que se compare a abrangência desses. Clique na imagem abaixo e divirta-se com esse tesouro!

ps: se você gostou do post nos ajude a divulgar

Caros amigos, hoje recebemos uma notificação oficial da Loeser e Portela Advogados, por meio da Samira Gouvêa de Souza (que aliás foi muito gentil), empresa que representa a Pricewaterhouse Coopers, pedindo a retirada dos manuais da PwC do ar. O que é uma grande pena.

Novamente, pedimos perdão aos nossos queridos leitores. Entretanto esse é um total direito deles e temos, mesmo sem concordar, que respeitá-los. Uma pena pois até a Wolff Olins, agência que trabalhou no redesign da PwC, gostou da publicação. Mas vai que algum concorrente tira vantagem de saber como é feita a aplicação da marca na fachada…

O LOGOBR continuará com sua coluna de brandbooks. Temos lá (ainda) da Nike e do Carrefour. Ambos são documentos fantásticos e também de empresas gigantes, que não vêem problema em ser referência para designers, professores e estudantes.

Caros amigos, nos últimos três dias conversamos com a Nii Holding por meio dos setores jurídico e de relações públicas da Nextel Telecomunicações Ltda SP. E hoje nos foi pedindo a retirada do brandbook da marca, que postamos com exclusividade há algumas semanas. Apesar de termos tentado convencê-los do contrário, não foi possível a permanência do documento na internet.

Pedimos perdão aos nossos queridos leitores, não poderíamos fazer nada já que, de fato, se tratava de um documento interno da corporação. Aproveitamos para agradecer a forma extremamente respeitosa, gentil e compreensível com que fomos abordados pelo RP da Nextel.

Lembrando que o LOGOBR continua com outros brandbooks publicados com exclusividade mundial, como o da Nike e do Carrefour. Ambos são documentos fantásticos. E fiquem espertos, logo mais manuais e brandbooks exclusivos.

Obrigado
____________________________________________________________

Aloha!

No último dia 22 de setembro, postamos sobre o novo posicionamento e design da Nextel, projeto feito pela Landor San Francisco. Se você não viu, indicamos a leitura.

No fim do artigo, havíamos prometido que haveria a parte dois, e que seria surpreendente. E hoje estamos cumprindo nossa promessa: trazemos a vocês, com exclusividade mundial (primeiro site a publicar), o brandbook da nova identidade da Nextel. Um documento de 157 páginas, inacreditavelmente detalhado:

☞ Tamanhos, cores, redução mínima, papelaria, PowerPoint, tipografia, embalagens e usos incorretos;

☞ Como usar o “conector”, direção de fotografia e ilustrações;

☞ Tom de voz da marca, identidade verbal e como escrever;

☞ Direção básica para campanhas publicitárias (on e offline);

☞ Arquitetura e comunicação interna de lojas;

☞ Submarcas, patrocínios e sinalização básica.

E não fiquem preocupados por conta da confusão na numeração de páginas, o documento não está incompleto. Páginas que não eram parte dos guidelines foram retitadas. Por isso, aproveitem que o manual está na íntegra. Só no LOGOBR. \o/

Qualquer meio de comunicação que queira ter um conteúdo diferenciado tem que contar com uma boa rede de fontes e informantes. Dessa vez, esse ótimo manual que o LOGOBR irá compartilhar é fruto disso.

Estamos falando do brandbook da Nike Football, divisão futebolística da gigante dos esportes. Esse manual (em inglês) contempla diversos aspectos da marca, desde aplicações diversas do logotipo até cores, tipografia, fotografia, posicionamento, linguagem gráfica, PDVs, hierarquia de marcas, embalagens e outros.

Aliás, todos os sites da Nike Football são demolidores. Não deixem de vistar um por um. Uma aula de design de alto nível.

Como foi com o Brandbook do Carrefour, não vamos divulgar a fonte e, por pedido dela, não será habilitado o download. Contamos com a compreensão de vocês. Mas fiquem tranquilos que o manual estará no Issuu do LOGOBR continuamente.

Aloha!

Em outubro de 2009 o LOGOBR postou sobre o redesign da rede Carrefour. E agora, com exclusividade no Brasil, vamos mostrar algumas imagens do manual de marcas do novo projeto (se você não conhece o projeto, leia o primeiro artigo para se situar melhor).

Esse é o manual que provavelmente será usado no mundo todo para a padronização e aplicação do novo projeto. Não somente sobre aplicação do logotipo, esse manual fala até no tom de voz que a comunicação do Carrefour deve ter. Logo, é um manual para redatores também.

O Carrefour transformou seu logo numa família com três versões especiais, onde é mudado dependendo a aplicação na comunicação da companhia. A versão ”banner” é usado somente para lojas físicas; a versão ”corporate” é para comunicações do Grupo Carrefour (holding) e, finalmente, a versão”graduated” (gradientes) é para embalagens e todos os tipos de comunicação, nas lojas ou não.

Como comentado, essa versão com o azul e vermelho tradicionais é para apenas fachadas de lojas físicas.

Essa é a versão corporativa do logo. Servirá para comunicações que sejam da Grupo Carrefour.

O Carrefour criou diferentes sets coloridos do seu logo para uso em todas suas comunicações (com exceção do que já foi comentado). Nessa versão (gradiente) existem dois usos diferentes: a separada e ainset. Para permitir a Companhia usar o símbolo de forma expressiva e integrada ao imaginário, o Carrefour separou ele do lettering na maioria das comunicações. Isso, segundo o manual, é para que o símbolo possa refletir o espírito da empresa, o espírito daquela comunicação em si, enquanto o lettering posicionado em outra parte da peça comunica a confiança que o consumidor pode ter na marca.

A versão inset usa o lettering dentro do símbolo. É para uso em ocasiões especiais onde o logo é principal foco da comunicação, como por exemplo, em veículo e sacolas.

O Carrefour criou uma gama de versões coloridas do seu logo. Segundo o manual, essa diversidade serve para manter a marca com um sentimento vibrante e acolhedor e dá a Companhia a variedade que ela precisa para fazer com que sua comunicação seja relevante. Vamos comentar sobre cada uma dessas paletas e seus usos:

Essa é a paleta bold, que foi feita para uso na maioria das embalagens, catálogos e comunicações com o consumidor. Foi elaboradas 12 versões que representam todo o espectro de cores. O uso dessas versões é aberto, ou seja, depende do design onde será aplicado o logo. Essa paleta pode ser usada em backgrounds de cores sólidas, branco e imagens.

Para dar suporte a paleta bold foi criada a versão light com as mesmas 12 versões mas numa versão suavizada. O uso dessa paleta é para o mesmo tipo de comunicação da bold mas com menos frenquência: somente onde sutis diferenças na comunicação são necessárias (por exemplo, em embalagens de cosméticos). Uso somente em backgrounds brancos e de imagens.

Para dar ainda mais suporte para a paleta bold, foi desenvolvida a paleta muted. Ela consiste em 12 versões, 6 escuras e 6 claras, para o uso no mesmo tipo de comunicação da bold, mas somente onde tais tons sejam necessários (por exemplo: embalagens de equipamentos eletroeletrônicos). Uso somente em backgrounds brancos e de imagens, igual a light.

Temos também a paleta contrasting, desenvolvida para comunicações onde o logo é o “herói” ou o principal elemento do design. Mais uma vez, uso somente em backgrounds brancos e de imagens.

Apesar de preferirem o uso do logo nas versões coloridas sempre que possível, o Carrefour fez uma versão dele em branco para o uso em cima de certo tipo de imagens onde o logo em cores não tenha constraste suficiente.

A maioria dos comentários que podemos ver no artigo onde foi apresentado o novo projeto do Carrefour é que as versões em gradiente do logo teriam problemas em alguns tipos de aplicações. Parece que pensaram nisso. Acima podemos ver um exemplo de uso especial do logo, onde a reprodução dos gradientes (por quadricromia) não seja possível: pontos de cores sólidas que simulam o efeito gradiente. O manual também é bem claro quando fala que essa versão não é pra ser usada com alternativa na criação de peças e sim somente em situações onde as técnicas necessárias para a reprodução dos logos coloridos não esteja disponível. Também podemos ver as clássicas versões em preto e negativada.

O Carrefour adotou três fontes para o uso em diferentes situações. E a fonte primária é a Omnes. Segundo o manual, o tipo dá a comunicação a Empresa um ar amistoso e humano o que posiciona a marca de forma mais próxima e relevante na mente dos consumidores. Ela será usada para títulos de anúncios, nomes de produtos em embalagens e promoções dentro das lojas.

A Omnes é um projeto não-exclusivo da foundry DardenStudio, baseada no Brooklyn, Nova York, em conjunto com o typedesigner Christian Schwartz e foi concebida originalmente para um projeto de marca da Landor.

Acima a primeira página do specimen da fonte. Quer ver mais do documento? Só clicar na imagem.

A fonte secundária é a Gotham Narrow. Usada para complementar a Omnes, suas principais aplicações são em textos corridos, informações detalhadas e em espaços limitados. Revistas, relatórios anuais e informações no verso de embalagens também usam a Gotham Narrow.

E como fonte padrão para tela, Arial. Bacana que o manual é bem claro quando fala que a Arial não é pra ser usada em nenhuma comunicação profissional.

Aplicações na divisão brasileira

O projeto de redesign mundial do Carrefour já começou a ser aplicado no Brasil. Já tem comercial na televisão com o novo logo e os sites da empresa estão sendo atualizados como também suas outras marcas. Aqui são os logos das divisões do Carrefour em nova versão:

Podemos perceber que, mesmo o manual não comentando nada sobre marcas regionais do grupo, a lógica que foi aplicada a versão corporate foi reproduzida: manter o azul original e aplicar nova cor no lugar do vermelho.

Já que comentamos sobre a versão corporate, aqui temos o exemplo dela usada no site do Grupo Carrefour Brasil:

Particularmente, gostei dessa solução para o logo da holding por um detalhe: a padronização. Algo que não acontece, por exemplo, no Grupo Pão de Açúcar (que era assim e depois ficou assim).

Talvez alguém diga ”mas uma holding não precisa ter algo a ver com suas marcas, veja a Unilever,Procter & Gamble, KraftFoods e etc”. Concordo. Mas nesse caso a holding tem o mesmo nome de sua principal marca e se tal movimento está alinhado com a estratégia de branding da companhia (unidade entre as marcas), porque não?

Sobre o manual e o projeto visto de seu prisma

Em outubro, quando falamos sobre esse projeto, o que nos deixou com a pulga atrás da orelha foram exatamente as versões multicoloridas do logo. Não sabíamos suas aplicações e suas razões, tampouco se tinham alguma razão de existência ou se eram apenas um charmezinho da Companhia, tanto que lá comentamos “vamos esperar”.

Bem, o Carrefour me surpreendeu. Digo isso pois, até semana retrasada (quando esse manual chegou pra mim) eu não tinha a menor ideia da função que esses gradientes iriam exercer na comunicação visual da empresa. E, graças aos deuses do Design, o Carrefour fez o que achou mais pertinente ao seu posicionamento (alegria, positividade, sorrisos, aconchego e etc.) mas sem esquecer que no design “tudo deve ter sua função” (pelo menos deveria). Se vai ficar legal ou não no visual é outra história, e ainda uma história bem subjetiva. Porém, o manual nos esclarece muito sobre o sistema visual.

Mesmo sendo um ótimo manual, contudo, não poderia deixar de comentar algo quer vi nele: em alguns momentos, ele não é claro nas aplicações.

Nas paletas light e muted e na versão inset do logo acredito que o manual não foi explícito no uso (e não uso). Essa falta de precisão pode causar distorções nas aplicações. Um manual deve ser muito claro quando o assunto é o uso de uma marca, de uma identidade visual (essa é sua razão de ser). Ainda mais num projeto tão vasto como esse e que, ao que tudo indica, feito com tanto cuidado. Um leve deslize que, com certeza, será consertado na próxima versão do manual.

O que tem a mais no manual

Além desses tópicos que comentamos, o manual ainda fala de outras regras no uso do logo e na padronização do posicionamento (não irei comentar tudo aqui se não vamos longe nesse artigo):

- Backgrounds e como usa-los
- Posicionamento do logo nas peças
- Estilo de imagens usadas
- Tom de voz nos textos
- Aplicações de fachadas

E por ai vai. É um manual sensacional que todos deveriam estudar, não apenas para entender o redesign do Carrefour mas também para aprender sobre como projetar uma identidade visual (não só o logotipo) e como o design pode (e deve) ser feito com exatidão e minuciosidade.

E vocês, o que acham disso tudo? Manual, projeto, design?
E antes que vocês  fechem a tela, aqui está o link para o manual completo. Nele tem um erro na numeração das páginas, mas é só isso. O manual é completo.

PS: perdão por não colocar para download pessoal. Não tenho tal autorização. Mas ele estará sempre nesse link tá legal.