sistema de identidade
VI SU AL 1
6 Análise da marca antiga 6
SU MÁ RIO
10 8Proposta 14 18 Versões da marca 20 24
Processo criativo
Construção geométrica
8
16
Malha construtiva
22
3 Modulação estrutural
26
Área de proteção
2
28 Reduções
30 Restrições de uso Diferentes fundos
32
Grafismos institucionais
36
Aplicações
40
Mockups
52
34 Alfabeto institucional
38
48
Padrão cromático
Imagens para publicidade
Elementos primários Em verde, um símbolo ideograma (por ter o objetivo de concretizar um conceito não-palpável - sustentabilidade, união) por meio do uso de uma figura. Cada uma das folhas representa um dos três antigos sócios da empresa. O logotipo, feito a partir de uma fonte modificada, remete à escrita vernacular feita com um pincel. No canto inferior direito, um logotipo acessório que indica a área de atuação da marca, feito a partir de uma tipografia existente, modificando apenas o kerning (espacejamento entre letras).
análise da
MARCA ANTIGA
Sentido da leitura O símbolo disputa atenção com a tipografia e portanto ambos são lidos concomitantemente, e então, por último, lê-se “design”.
Ainda na etapa Think da metodologia, a marca antiga foi analisada conforme princípios do Design. Essa análise é aqui apresentada para melhor percepção da transição dessa assinatura visual para a nova proposta. Foram analisados os elementos primários, sentido de leitura e características formais.
6
Características formais O contraste de peso tipográfico e estilo entre as duas palavras criam interesse para a assinatura visual. O alinhamento à direita da palavra “design”, ajuda a equilibrar a composição, porém suas características formais representadas pelo kerning, espessura e tamanho, não são suficientes para dar estabilidade para a marca como um todo. A inclinação ascendente das folhas transmitem a sensação de crescimento, evolução e movimento. A repetição das formas estruturais das letras criam um ritmo para a composição, assim como a quantidade de folhas coincidindo com a quantidade de palavras do logotipo principal. A espessura da fonte usada na palavra “design” pode comprometer sua legibilidade no processo de impressão. Por fim, as formas simples que compõem a assinatura visual auxiliam na pregnância da marca na mente do consumidor. 7
O símbolo é inspirado na pendente “Olho” vista de cima. A forma foi refinada com círculos e com um vazado em branco. A inclinação também foi ajustada. A palavra “ocre” possui tipografia desenhada a partir de círculos, diferenciando-se pelo detalhe arredondado da barra da letra “e”. A palavra “design” é escrita em roboto, fonte definida como institucional, apenas com seu peso ajustado.
processo de
CRIAÇÃO As formas das luminárias foram a maior fonte de inspiração desde o início da concepção dos esboços para a assinatura visual. De acordo com o briefing esse não será o único produto oferecido pela marca, mas suas formas, além de interessantes, traduzem muito bem os conceitos da Ocre Design.
8
9
PRO POS TA
Para melhor entendimento dos conceitos aplicados à solução proposta foi feita a mesma análise aplicada à marca antiga. Foram analisados os elementos primários, sentido de leitura e características formais. 10
11
Mesmo as luminárias não sendo o único produto que a Ocre Design pretende oferecer elas foram o ponto de partida para toda a ideia da empresa e traduzem muito bem os conceitos da marca. Possuem formas interessantes, orgânicas, atraentes e diferenciadas que colaboram para transmitir tanto a ideia de autêntico quanto de criativo. A forma do símbolo não é comum de acordo com a experiência visual do público, transmitindo a ideia de criatividade e autenticidade.
Elementos Primários Composição por símbolo e tipografia. A forma de leitura é simples, respeitando o modo de leitura ocidental da esquerda para a direita e mostrando primeiro imagem depois texto, maneira como o nosso cérebro lê as composições. Alinhamento O alinhamento centralizado é facilitado pela composição criada, o símbolo possui movimento e pode transparecer instabilidade. A centralidade ajuda a equilibrar a composição e a transmitir movimento de forma segura, confiável, o que é interessante para a imagem de qualquer empresa.
A junção entre formas orgânicas e a exatidão de um corte a laser remete à tecnologia e inovação e ao mesmo tempo à delicadeza e acabamento do manual. Essa mensagem reforça a ideia de que os produtos da Ocre Design não são artesanato, mas a junção de um processo que une o manual com o automatizado.
Símbolo O símbolo foi inspirado na luminária pendente Olho vista de cima. Seu desenho foi refinado a partir de círculos, forma ao mesmo tempo geométrica (pois foram usados círculos perfeitos) e orgânica que condiz com os conceitos da marca, principalmente sustentável e transformador. O uso de círculos girados no mesmo eixo forma uma nuance que dá a ideia de tridimensionalidade. Isso é interessante por lembrar o próprio produto e seu processo de produção. As linhas lembram camadas que, quando empilhadas, formam uma figura em três dimensões, assim como as camadas de papelão formam as objetos tridimensionais.
Um detalhe técnico ajustado no símbolo é o vazado entre as duas formas que espelhadas compõem o símbolo. Isso facilita o desenvolvimento das versões da marca para aplicação. Tanto a nuance quanto as linhas e a forma criam a percepção de um ciclo, que pode ser lido no símbolo partindo da área mais escura acima seguindo no sentido horário. O ciclo remete ao conceito sustentável, pois remete ao ciclo da vida, ciclo de reciclagem. Sendo assim, também traz alusão ao conceito colaborativo, pois todos somos responsáveis pelo ciclo de todos os materiais que descartamos.
12 12
13
A forma e o sentido de leitura do ciclo apontam para a direita (no sentido de leitura ocidental) e para cima. Junto com o movimento criado, essas características ajudam a transmitir a ideia do conceito transformador, remetendo a movimento, mudança e apontando para o alto inspira o desejo de ver a transformação acontecer (transformação no sentido de responsabilidade quanto ao conceito sustentável, como expressado pelo propósito da marca). O ciclo de produção é o alvo da Ocre Design, já que seu diferencial é usar matéria-prima reutilizada para produzir novos produtos buscando fazer sua parte para uma sociedade mais sustentável.
A palavra “DESIGN”, em caixa alta, para contrastar com as formas redondas da palavra acima, foi escrita em roboto, fonte definida como institucional, tendo apenas seu peso modificado. Círculos Os círculos são formas orgânicas recorrentes na natureza, fonte de inspiração para as formas dos produtos da Ocre Design. Por exemplo a imagem de um girassol presente no painel semântico do projeto é claramente formado por círculos. No seu miolo é possível enxergar círculos girados sobre o mesmo eixo, assim como foi feito na construção do símbolo.
Tipografia A tipografia da palavra “ocre” foi desenhada a partir de círculos e cortes retos, exceto pela construção da barra da letra “e” que foi desenhada também a partir de um círculo. Esse detalhe da letra “e” diferencia a tipografia de outras já existentes. Tecnicamente isso é bom tanto para a aplicação sem custos e possíveis problemas com direitos autorais quanto para o conceito autêntico definido para a empresa. Os cortes retos lembram o corte exato da laser. Sendo assim, há a junção do orgânico com a exatidão.
Além de todos os aspectos citados, o círculo é uma forma interessante para o ollho, possui maior tensão que outras formas não arredondadas em uma composição e por todas as suas características é atraente ao olhar. Dessa forma o conceito atraente também é reforçado pela assinatura visual proposta como um todo.
A inclinação da letra “e” dá mais movimento do que se a barra fosse reta, o que é interessante poe relacionar a tipografia ao símbolo, formado por círculos e que contém movimento, estando próximo do conceito transformador.
14
15
As figuras demonstram a construção do símbolo e tipografia a partir de círculos geométricos.
construção
GEOMÉTRICA Após a vetorização, o símbolo foi refinado percebendo-se sua relação com a forma circular quando repetida regularmente sobre um mesmo ponto. Dessa forma, ele pode ser extraído do círculo resultando em uma forma precisa como a laser, mas ao mesmo tempo orgânica.
16
17
versões da
Julgou-se interessante as duas versões devido a perda das características do símbolo quando ampliado em grandes dimensões. Pensando nisso a versão horizontal fica equilibrada com o símbolo reduzido, amenizando o problema apontado. Além disso, algumas aplicações pedem uma versão horizontal, como caneta, por exemplo. Porém, deve ficar claro: sempre que possível usar a versão vertical.
MARCA Foram pensadas tanto a versão vertical quanto a versão horizontal da marca. Sendo a primeira a prioritária, tanto em sua versão original quanto em suas versões outline, invertida e para corte a laser.
18
19
VersĂľes tanto para a marca vertical quanto para horizontal.
20
malha
CONSTRUTIVA
O grid foi definido a partir da divisão da letra “o” em quatro partes.
A malha construtiva auxilia a reprodução da marca e esclarece as relações e proporções entre os elementos que a compõe (letras, kerning, distância do símbolo e tipografia).
22
23
A área de proteção também foi definida a partir da letra “o”.
área de
PROTEÇÃO A área de proteção é definida para garantir que nenhum outro elemento atrapalhe a composição dos elementos da marca. Também foi desenvolvido para as versões tanto vertical quanto horizontal.
24
25
Novamente, há uma lógica específica para a versão vertical e para a horizontal. Alguns exemplos de aplicação são apresentados.
modulação
ESTRUTURAL A modulação estrutural garante a manutenção das proporções e o posicionamento da assinatura visual para aplicação em diferentes contextos.
26
27
RE DU ÇÕ ES
As reduções são previstas para evitar a aplicação da assinatura visual reduzida de forma a prejudicar a legibilidade da tipografia e o entendimento do símbolo. São previstas para aplicações em meio digital, impresso e, nesse caso, em corte a laser. O símbolo proposto tem a particularidade de preservar seu significado quando reduzido, porém a tipografia se mantém legível até as reduções previstas. Recomenda-se o uso da versão vertical ampliada até 80 x 90 mm devido à perda do efeito das linhas do símbolo. Para ampliações acima dessa medida usar a versão horizontal da marca. Para o corte da assinatura visual a laser foram desenvolvidas duas versões. A primeira versão é uma simplificação da versão outline e deve ser usada para reduções entre os valores indicados na imagem. A versão mais simplicada deve ser usada para reduções ainda menores, conforme indicado, devido à queima do papel pela laser e a sensibilidade do material (craft e papelão). 28
29
restrições
DE USO De acordo com os conceitos do projeto e as características técnicas da identidade visual proposta são vetadas aplicações descritas a seguir.
30
A versão prioritária da assinatura visual é vertical. Ressalvas quanto a essa restrição podem ser conferidas no ítem normativas para redução (p. 26). Como se trata de uma empresa nova recomenda-se sempre aplicar a tipografia junto ao símbolo, salvo o uso do símbolo como ícone para a aba da página do site. Observar a inclinação do símbolo definida em 45º de acordo com seus nós, direcionada com a ponta de cima para a direita. Não sobrepor os grafismos. 31
Estão vetadas as aplicações da marca preta em fundos escuros e da marca branca em fundos claros devido a falta de contraste nessa relação. Para aplicações em meio digital o uso de fundos que não brancos pode ser aplicado tranquilamente, conforme a imagem. Porém, para impressos, o fundo que não branco só é permitida para ampliação acima de 25 x 25,5 mm para a versão vertical e 48 x 15 mm para a versão horizontal, pois a tinta do fundo se mistura a marca.
diferentes
FUNDOS A aplicação em diferentes fundos é necessária e pode ser aplicada de diversas formas. Porém, deve-se atentar para o contraste entre figura e fundo, necessário para a legibilidade desejada, sem perder as características da assinatura visual.
32
33
alfabeto
INSTITUCIONAL Para a escolha do tipografia institucional levou-se em consideração seu uso tanto em impressos quanto no ambiente digital, a qualidade da fonte, preferência por fonte gratuita para uso profissional, legibilidade, variação de pesos. Sendo assim, escolheu-se a Roboto por possuir todas essas carcterísticas.
34
Roboto Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789,.;:/?!’*”@#$%¨&()-_=+ []{}°ºª§£¢¬
Regular Italic Condensed
Roboto Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789,.;:/?!’*”@#$%¨&()-_=+ []{}°ºª§£¢¬
Medium Italic
Roboto Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789,.;:/?!’*”@#$%¨&()-_=+ []{}°ºª§£¢¬
Bold Italic
Roboto Black ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789,.;:/?!’*”@#$%¨&()-_=+ []{}°ºª§£¢¬
Black Italic
Roboto Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789,.;:/?!’*”@#$%¨&()-_=+ []{}°ºª§£¢¬
Light Italic
Roboto Thin ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789,.;:/?!’*”@#$%¨&()-_=+ []{}°ºª§£¢¬
Thin Italic
A variação de pesos é grande, porém recomenda-se o uso do regular para texto, thin para títulos maiores, light para textos em destaque, bold para subtítulos, itálico para destacar palavras e condensed para legendas.
35
Como exemplificado na imagem ao lado foi usado dois recortes da construção geométrica da marca como grafismo institucional. Abaixo, propõe-se o uso de duas barras nas cores padrão estabelecidas. A barra de cima possui corte extraído do círculo e pode ser usada independente da barra de baixo quando não for usada para cabeçalho, pois a barra de baixo ajuda a equilibrar a composição.
grafismos
INSTITUCIONAIS Os grafimos institucionais reforçam a identidade visual e ampliam as possibilidades de composição nas aplicações. Foi usada a forma do círculo para o desenvolvimento desses elementos, pois a construção geométrica da marca é muito baseada nessa forma.
36
37
padrão
CROMÁTICO Ocre, que dá nome a marca, induz o uso de tons de marrom e terra. Porém, esses tons são obtidos e estão digitalmente nas imagens dos produtos e no impresso no uso do craft para as aplicações. Sendo assim, optou-se por outro tom de terra, que remetesse a mesma ideia, porém contrastando com o papelão e o craft.
38
A partir dessa linha de raciocínio a cor porposta foi extraída de um tom de terra, mais especificamente a terra roxa. Além de contrastar e ao mesmo tempo harmonizar com o tom do papelão e craft, a terra roxa é o melhor solo para o cultivo do café, sabor que faz parte da experiência da marca segundo a proposta.
39
APLI CA ÇÕES
As impressões são pensadas preferencialmente para papel reciclato. Esse tipo de papel contém porcentagem relevante de papel reciclado e portanto contribui para reforçar o conceito sustentável. Sugerese gramaturas altas, a partir de 200g/ m². Aproveitando o corte a laser usado nos produtos há a opção da etiqueta em corte a laser em craft também preferencialmente em altas gramaturas, a partir de 200g/m². 40
41
Para envelopes e papel timbrado gramaturas a partir de 75g/ m² são satisfatórias, porém sugere-se 90g/ m². Também aqui recomenda-se o uso do papel reciclato.
Para o cartão de visitas também há as duas versões impressa e marcado a laser. Nos dois casos recomenda-se a mesma gramatura das etiquetas, a partir de 200g/m². No verso da alternativa a laser as informações para contato são carimbadas, já que o acabamento a laser nesse caso é demorado e ruim, por ser informações muito reduzidas.
42
43
No meio digital o uso de imagens dos produtos pode ser amplamente explorado. A cor padrão serve como apoio para aplicações como o site e o recorte arredondado pode ser reforçado.
A embalagem do café deve ser impressa também em gramatura a partir de 200g/m². O outline da embalagem pode ser utilizado no corte a laser ou para a confecção de faca (corte em gráfica). O outline preto é a referência de corte e a vermelha é para vincos.
44
45
As aplicações em fundos fotográficos não devem prejudicar a legibilidade da marca. Para isso a marca deve ser aplicada sobre uma área de cor homogênea da imagem, respeitando a área de proteção de forma que objetos figurativos ou quaisquer elementos que chamem a atenção não tenham uma aproximação excessiva da marca;
46
47
Imagens para
PUBLICIDADE Painel para orientação na escolha do estilo de imagem que deve ser relacionado com a Ocre Design.
48
49
Exemplos do tipo de imagens recomendada. A escolha das fotos devem estar de acordo com os princípios da Ocre Design. Os produtos devem estar em destaque, preferencialmente ambientalizados e sem elementos que chamem a atenção na composição.
50
51
MO CK UPS 52
53
54
55
56
57
58