Logotipo da Engrenagem Editorial até 2011

A ideia principal do logo eu ainda gosto: uma engrenagem constituída de letrinhas. O logo que eu tinha montado para essa primeira encarnação da Engrenagem tem a engrenagem feita de “a” minúsculo na fonte Leitura Sans, e o nome da empresa em Gotham. O problema, que já me incomodava pouco depois de “oficializar” esse logo e me incomodou cada vez mais, é que “ornar” uma forma circular com uma forma retangular não dá muito certo – inevitavelmente uma fica na tangente da outra, o que faz com que o nome da empresa sempre dê a impressão que não está encaixando muito bem com o símbolo. Eu precisava fazer as duas se conectarem melhor.

Meu primeiro experimento foi simplesmente diminuir a proporção da engrenagem para o nome, usando uma fonte mais mecânica e tecnológica para dar um arzinho futurista. Ao escrever tudo em caixa alta, eu queria evitar os buracos entre ascendentes e descendentes das letras em caixa baixa. Mas ainda não resolvia a sensação de que o nome parece estar quase caindo da roda.

Talvez a solução fosse realmente unir as duas formas encaixotando o nome e sobrepondo-o à engrenagem. Colocar uma palavra sobre a outra deixa a caixinha menos comprida, e essa nova proporção tinha a vantagem de permitir que se distinguisse melhor as letras que formam a engrenagem. Aqui também comecei a experimentar mudar o número de raios dos cinco que formavam a engrenagem anterior, assim como o número de dentes da engrenagem.

Insisti mais um pouco variando o número e o formato dos raios da engrenagem, colocando uma cor, mas não fiquei satisfeito. Três raios fica parecendo o símbolo da paz, a combinação em forma de estrela acima fica muito sujo. Esse degradê me dá a sensação de datar demais o logotipo, algo que eu não quero para uma marca que pretendo usar por um bom tempo. E a engrenagem por trás da caixa me dava uma impressão perene de sol nascendo em desenho de criança no pré-primário.

Era hora de parar de ficar atirando a esmo e pensar melhor antes de continuar desenhando. Primeiro problema: encaixe. Uma engrenagem só não ia dar certo – seriam necessárias duas para se obter uma forma que se assentasse direito no nome da empresa. Mas como seriam elas?

Quem gosta de quadrinhos sabe que Alan Moore escreveu muito mais que os famosos Watchmen e V de Vingança. Uma de suas obras que eu mais gosto é Promethea, em que, entre aventuras no reino da imaginação e o apocalipse, a heroína do título ainda tira um tempo para visitar todas as esferas da Árvore da Vida. É um arco de onze edições que acaba servindo como uma introdução à cabala. Para quem não sabe, cada uma das sephiras da cabala tem seu número, e resolvi que ia checar o significado de cada um deles para resolver pelo menos um dos dilemas, quantos raios e quantos dentes as engrenagens iam ter.

“Mercury rising”, Promethea #15, página 4, por Alan Moore e J.H. Williams III

“Love and the law”, Promethea #16, página 8, por Alan Moore e J.H. Williams III

E foi assim que eu descobri que 8 é o número da comunicação, da magia e do intelecto. E que o 7 é o número da vitória e do amor. Hmmmm, comunicação + vitória, nada mal, hein? Fechou: uma engrenagem teria 8 raios e 16 dentes, e a outra teria 7 raios e 14 dentes. Pra reforçar ainda mais a relação entre o 8 e o 7, o tamanho da engrenagem com 7 raios seria 7/8 da engrenagem com 8 raios.

Para criar uma proporção agradável entre o espaço positivo e negativo das engrenagens, eu precisei reduzir o tamanho das letrinhas até que se tornassem pouco mais que uma textura, o que no fundo não me entristeceu porque dá um ar bem orgânico a elas. Seguindo esse toque irregular, pesquisei por fontes script e tive a felicidade de encontrar a Populaire, uma fonte nova cujo desenho feito a mão não estraga a legibilidade nem parece sujo demais. E ainda por cima tem várias variantes para letras que se repetem frequentemente, como o “A”, o “E” e o “R”, o que torna o logo mais natural.

Agora foi só uma questão de encostar uma engrenagem na outra e encaixar o nome. Alguns ajustes no kerning entre as letras sempre é necessário para que as letras fiquem bem apoiadas entre si. O trabalho valeu: consegui fazer um logo que rende um bom ícone, que funciona até em tamanhos ínfimos como no favicon desse site. E que gera um padrão que pode ser usado em outras questões de identidade, como no cartão de visita da empresa:

Visualmente, isso se traduz num projeto gráfico sóbrio e consistente: mais importante que trazer uma surpresa a cada dupla seria estabelecer uma base elegante em que o texto pudesse ser apreciado. Outro fator importante era levar em consideração a parte operacional da produção da revista: melhor poucos e bem escolhidos padrões do que uma variedade de regrinhas  que dificilmente seriam todas seguidas.

Tipografia: eu gosto de começar o projeto escolhendo as fontes. Confesso que já estava de olho na Bau faz um bom tempo, principalmente o peso superbold, apenas esperando uma oportunidade de usá-la. Principalmente para revistas, acho muito importante ter uma boa variedade de  pesos, e a Bau os tem na medida. A partir daí, era questão de encontrar outras famílias que se dessem bem com ela. Minha intenção era encontrar uma fonte serifada para os textos com personalidade (mas, novamente, que não chegasse a distrair o leitor), e uma fonte para os títulos que, essa sim, chamasse atenção para si, mas não quebrasse a seriedade do projeto. Depois de horas e horas de pesquisa, as respostas vieram na forma das fontes Pagewalker para o texto e a Neultica para os títulos. Meus testes de mancha me levaram a decidir por colocar o texto em tamanho 9pt e entrelinha 12 pt, e a partir dessa entrelinha todas as medidas do projeto foram derivadas.

Grid: novamente, a ideia era dar uma cara “adulta” para a revista; então apoiá-la num grid de 3 colunas, sempre seguro, era uma boa opção. A template, na verdade, tem 6 colunas, para que fosse fácil localizar o meio da página, mas a intenção é que elas sejam usadas sempre aos pares. Dividi a entrelinha de 12 pt pela metade e decidi que 6 pt seria a medida mínima para tudo, aplicando portanto o grid de 6 pt a ferro e fogo:

Cores: outro segredo para deixar uma revista com cara de gente grande é maneirar na cor. Desde o começo eu decidi que os elementos principais seriam pretos: títulos, retrancas, fios… apenas elementos pontuais como olhos e destaques teriam cor. E mesmo assim, cores sóbrias, como pode-se ver pela palheta de cores abaixo. O fundo da página deve ser sempre branco.

Páginas: a H tem quatro tipos de páginas:

Seções de notas: é o padrão de quase metade da revista. Todas as seções (“Cultura”, “Lifestyle”, etc) têm os chapéus em Pagewalker, num tamanho razoavelmente grande, em preto, e a subseção da página (“Decoração”, “Jardinagem”) em cinza logo em seguida. As notas são em Neultica, sempre do mesmo tamanho.

Colunas: a intenção aqui é dar a maior proeminência possível para o colunista e suas reflexões. Os truques para deixar a página mais bacana são todos tipográficos: título grande em Pagewalker, todo em caixa alta, e destaque na coluna do meio, para dar um pouco de cor à página e quebrar a grande massa de texto.

Matérias: é muito comum que as matérias sejam o lugar de se deixar a imaginação pegar fogo. Brincar com títulos, inserir elementos gráficos… mas não aqui. Novamente, a ideia é fazer algo padronizado que ao mesmo tempo agilize a produção da revista e mantenha a elegância do título. Para se diferenciar das notas, as retrancas são menores, e os títulos maiores. Mas sempre em Neultica, centralizado. Um fio horizontal separa o título do olho, que deve vir sempre logo abaixo. Não se prevê que o título jamais atravesse a dobra da revista, ou seja, vai ficar sempre em uma página. Outro detalhe que diferencia as páginas de matéria das páginas de notas é que aqui as fotos podem ocupar uma página inteira (ou duas), com sangria, o que não acontece nas notas.

Caderno Hard: no meio da revista ficam as matérias de conteúdo mais sexual ou underground. Para diferenciá-las das outras matérias, decidimos emprestar elementos da revista Butt: a página seria toda rosa claro, e nada de cores no texto ou elementos gráficos, apenas preto. As retrancas são diferentes também negativas sobre uma tarja preta arredondada. Os títulos seguem o padrão das matérias, mas a fonte aqui é a Bau no peso superbold.

Inevitavelmente o projeto ainda vai evoluir com o passar das edições – todo designer de revistas, depois de fazer dez ou doze edições, olha para o número 1 e se impressiona em como ainda não tinha entendido a essência da revista. Os ajustes ocorrem tanto na edição de texto como na de arte. Mas acho que esse projeto já começa bem forte, com uma personalidade bem estabelecida. Daqui a um ano a gente avalia o que mudou!

O convite veio por meio das minhas parceiras da Butique de Letras. A proposta: fazer um guia de bolso que, de maneira leve, entregasse uma grande quantidade de informação útil sobre a Ambev, sobre as franquias, e sobre seus produtos. Tínhamos que ter em mente que o público desse guia vai estar numa situação em que o tempo é curto, então devíamos fazer algo que oferecesse dados interessantes numa primeira folheada, e ao mesmo tempo fosse agradável de ler numa leitura posterior mais demorada.

Enquanto as jornalistas da Butique minavam informações relevantes e interessantes sobre o universo cervejeiro, eu comecei a preparar o projeto desse guia. A primeira decisão que haveria intenso de imagens, ao mesmo tempo que o texto seria disposto de maneira muito simples. Começou então uma pesquisa nos bancos de imagem de fotografias que refletisse o clima de camaradagem e descontração que a Ambev desejava, que seria complementada com as imagens de divulgação de seus produtos.

A palheta de cores escolhida se resume a duas: um dourado que lembra a cerveja, produto principal da Ambev, e o tom de azul oficial da empresa.

Com a opção por uma disposição de texto em apenas uma coluna, a escolha das fontes se torna responsável por muito da personalidade da publicação. A intenção era transmitir uma sensação de algo moderno, mas com uma tradição de várias décadas por trás – como a Ambev. A fonte escolhida para os títulos, função sempre importante, foi a Aviano Sans, larga, com vários pesos, e de traços modernos que, no entanto, remetem a uma certa nostalgia pelos anos 1950. Para o texto, escolhi a Luminance, uma serifada com traços um pouco exóticos – não tanto para distrair da leitura, mas o suficiente para dar um ar distinto. E, mais importante numa publicação de páginas pequenas: a Luminance tem uma altura-x bastante alta, o que faz fontes em tamanho menor parecerem maiores e, portanto, mais fáceis de ler.

Para quebrar as colunas de texto, decidimos que os boxes seriam colocados dentro de ovais amarelas, lembrando os rótulos de cerveja. A fonte escolhida para os boxes é a Gloriola. Ela também é utilizada em destaques no meio do texto corrido, cuja intenção é facilitar uma leitura diagonal do texto.

Outra ideia de como trazer o universo do consumo das bebidas para o guia foi preencher as colunas das margens externas das páginas com texturas alternadas de metal (das máquinas de chope) e de madeira (das mesas).

Outra maneira de tornar a leitura mais rápida é formatar o texto em ítens, algo que as jornalistas da Butique de Letras fazem muito bem. Sem querer complicar adicionando outras variantes da fonte de texto, eu apenas defini identações e bullets diferentes para cada nível de itemização. Cada nível também ganhou um estilo de intertítulo próprio.

O início de cada capítulo foi marcado com imagens estouradas em página dupla – presentes em nenhum outro lugar – com apenas título e subtítulo do capítulo. Sem querer fugir do padrão das margens, eu mantive os fios verticais duplos mesmo por cima das fotos.

No final do guia vem a “lição de casa”: um diário de degustação para que os leitores fizessem anotações sobre as características das cervejas que viessem a experimentar depois de adquiridos tantos conhecimentos sobre a bebida.

O último passo na criação desse guia foi o design da capa. Como trazer um clima de sofisticação e descontração ao mesmo tempo? A solução: usar a textura de madeira para imitar uma mesa, e sobre ela colocar o título do livro dentro de bolachas de chope. De brinde, se apresenta de cara os principais elementos gráficos da publicação e se desperta a curiosidade do leitor sobre o conteúdo das páginas que tem em mãos.

Eu já tinha ajudado com o design da versão anterior de seu blog; ano passado, Lili entrou em contato para que a gente deixasse o site mais adequado para a nova fase de sua carreira. Ela estava prestes a lançar seu primeiro romance adulto, À revelia, e havia deixado de escrever para a Capricho. Estava na hora de deixar seu site com cara de gente grande.

Outra coisa importante era diminuir a proeminência do blog no site; quando a versão anterior havia sido feita, ela escrevia várias vezes por semana em seu blog, mas agora o espaço havia se tornado mais um lugar para publicar contos esporádicos. Seria melhor transferir o destaque para seu ganha-pão: os livros.

O primeiro design que preparei para o site ainda era bem próximo do anterior: o mesmo tom de verde, a mesma foto de abertura. Simplifiquei a navegação do site para o essencial e utilizei a fonte Banda para que ela ganhasse um tom feminino e moderno. Reduzi os arquivos do blog para dois menus drop-down, pois eles ocupavam uma área muito grande para algo que não seria atualizado com tanta frequência.

É muito comum que o primeiro design sirva mais como um apoio para que o cliente consiga apontar o que quer ou não, e esse foi um caso. A opinião da Lili: a estrutura está ótima, a fonte é muito bacana, mas esse verde NÃO FUNCIONA. Rapidamente preparei uma versão com outra cor:

“Melhor, mas, pra ser sincera, eu queria algo bem clean“, ela respondeu. OK, OK, hora de arregaçar as mangas e partir para um design minimalista. Chega de listrinhas pra preencher o vazio. E assim chegamos no resultado final:

Na página inicial, um espaço divulgando o novo livro ganha destaque. A página do blog se mantém como nos designs preliminares, com pequenos ajustes para que o site ganhasse links de breadcrumb, necessários para que o internauta sempre consiga se situar dentro do site.

E, claro, a página dos livros que Lili escreveu. Seguindo os pedidos da autora, disponibilizou-se um PDF com algumas páginas de cada livro e um link para sites que os vendem.

Visite o site da Liliane Prata e descubra uma excelente autora!