Vortko by btiatto

guia de identidade corporativa

GUIA DE IDENTIDADE CORPORATIVA Incluído neste documento estão um conjunto de diretrizes que devem auxiliar na implementação e utilização de nossa marca. Essas diretrizes se destinam ao uso interno e são igualmente aplicáveis para mídia digital e impressa. Para assegurar a correta e clara comunicação da marca, é importante que esse guia seja seguido o mais fielmente possível. Caso você possua qualquer dúvida com relação ao conteúdo deste documento, não exite a entrar em contato conosco.

DNA DA MARCA 08 O que nos Representa 08 Quem Somos 08 Em que Acreditamos 09 Como nos Chamamos

sumário

con teú - dos:

NORMAS DE DESIGN 11 Logotipo 12 Implementação 13 Variação 14 Construção 15 Proteção 16 Redução ELEMENTOS DE IDENTIDADE 18 Tipografia 19 Uso de Cores 20 Linhas e Ângulos 21 Tratamento Tipográfico APLICAÇÕES 23 Acabamentos Gráficos 24 Uso Digital 25 Look and Feel

dna da marca

dna da mar-ca

dna da marca O QUE NOS REPRESENTA Nossa marca é mais do que apenas o logotipo. É um esquema de design constituído por um número de elementos básicos e princípios de diretrizes que combinados criam uma personalidade que imediatamente passa a ser relacionada à Vortko. Essa personalidade condiz ao espírito e anseio da marca e se baseia em seu DNA. Seu posicionamento de mercado e seus valores fundamentais devem ser transmitidos através de sua marca e seus elementos.

QUEM SOMOS Posicionamento Estúdio de design que se destaca por oferecer aos clientes soluções gráficas multidisciplinares, tornando possível assim que suas empresas estabeleçam meios de comunicação com seus públicos-alvo. EM QUE ACREDITAMOS Valores Fundamentais Na maleabilidade necessária para estabelecer meios de comunicação entre empresas e públicos em uma sociedade líquida, no fértil campo criativo proporcionado pelo metamodernismo, na clareza visual do modernismo e na subjetividade do pósmodernismo, que juntos resultam em uma linguagem visual eficaz e eficiente perante as necessidades do mercado.

dna da marca COMO NOS CHAMAMOS Naming

vórtex

Seguindo o posicionamento da empresa e seus valores fundamentais, nosso nome apresenta os conceitos vistos anteriormente. >

liquidez movimento fluidez

vortico tradução para o esperanto >

Conforme observado na imagem ao lado, o processo criativo teve início com conceitos matemáticos utilizados na dinâmica dos fluídos e estão relacionadas à liquidez, maleabilidade e volatilidade do metamodernismo: vórtice, vórtex e fluxo. Uma variação de idioma foi aplicada na palavra vórtex, que foi traduzida para o esperanto e originou uma nova palavra-chave: vortico. Ao fim, ela teve sua grafia alterada a fim de se diferenciar no mercado e possibilitar sua proteção.

vortko variação ortográfica

normas de design

nor-mas de des-ign

normas de design LOGOTIPO Nosso logotipo é o elemento mais visível de nossa identidade - uma assinatura universal dentre todas as comunicações da Vortko. Ele é a garantia de qualidade e símbolo da personalidade da nossa marca, foi projetado para remeter aos conceitos da nossa organização e para sugerir mutabilidade, movimento e adaptabilidade. Devemos tratá-lo com respeito, as próximas páginas delimitam o correto uso afim de assegurar que o logotipo sempre esteja em sua melhor aparência. 1

O logotipo primário (1) deve ser utilizado na maioria dos casos, como o representante principal de nossa marca. Ele é cambiante, apresenta infinitas configurações visuais, e sempre deve estar acompanhado de um elemento gráfico adicional (os elementos não estão aqui dispostos devido a fins didáticos). Nos casos em que seu uso não seja possível, ou sua legibilidade ou integridade seja danificada, é necessária a utilização do logotipo secundário (2), projetado especificamente para esses casos, em que uma segunda opção é necessária. 2

normas de design IMPLEMENTAÇÃO Os logotipos, primário e secundário, funcionam bem em fundos claros, escuros, imagens, texturas e grafismos, não havendo a necessidade de alteração para outra versão do logotipo, como a outline. O símbolo é composto por uma haste geométrica que representa o modernismo e compõe um lado da letra “V”, o outro lado é composto por grafismos alterados constantemente que remetem ao pósmodernismo. A primeira opção de aplicação será sempre o logotipo primário acompanhado de um elemento gráfico que configure a haste direita do V. O logotipo secundário deve ser utilizado em casos que não seja visualmente agradável a utilização de elementos gráficos adicionais ou em situações que seja necessário melhor legibilidade. Para a implementação nas mídias digitais, será necessário o uso da versão .png do logotipo, pois possui o fundo transparente. As mídias impressas requerem o uso da versão .eps para preservar a integridade e resolução do logotipo.

normas de design VARIAÇÃO A variação apresentada ao lado não configura uma opção inicial para utilização do logotipo. O uso dela é reservado exclusivamente a casos em que exista uma limitação tecnológica. Os logotipos foram projetados para serem de fácil aplicação em diferentes situações, por isso suas versões positiva, negativa e em escala de cinza não apresentam variações estruturais. O logotipo primário deve ser utilizado apenas em preto ou branco. Já o logotipo secundário aceita todas as tonalidades de cinza, além do preto e branco. A única variação existente é o outline do logotipo secundário, exposto ao lado, que apresenta contorno nas áreas em que ele faz divisa com o fundo. Essa variação é presente apenas no logotipo secundário, pois ele foi desenvolvido para suprir a necessidade de um logotipo mais flexível em comparação ao primário.

normas de design CONSTRUÇÃO A construção dos logotipos, primários e secundários, seguem o mesmo processo. Utilizando a espessura da borda do quadrado presente no símbolo se definem guias que contemplam o espaçamento interno do símbolo, a espessura da tipografia e o distanciamento entre tipografia e símbolo. A haste esquerda tem seu ângulo definido pelo encontro do espaçamento interno e o centro do quadrado, e sua espessura é a mesma da borda.

normas de design PROTEÇÃO O logotipo deverá sempre estar cercado por uma área mínima de espaço. A zona de proteção assegura que títulos, textos ou outros elementos visuais não interfiram na logo. A área é definida usando a largura da da borda do quadrado do logotipo, que é referido como X. O dobro de X é referido como Y. Ao utilizar o logotipo primário, o espaçamento mínimo entre o símbolo e a tipografia é equivalente a X. A área de proteção entre o logotipo e outros elementos gráficos, no logotipo primário e secundário, é equivalente a Y.

X 2X=Y

Vale ressaltar que essa área de proteção não se aplica à elementos gráficos inseridos no logotipo primário que configurem a haste direita do V, esses elementos não obedecem a nenhuma diretriz e são de aplicação livre.

X 2X=Y

normas de design REDUÇÃO O logotipo primário foi projetado para ser reproduzido em uma altura ou largura mínima de 100mm. Quando necessária uma reprodução a uma altura menor que essa, deve ser utilizado o logotipo secundário, que não deve ser reproduzido em menos de 75mm. 100 mm 75 px

Em mídias digitais, o logotipo primário deve ser reproduzido com a altura ou largura mínima de 75px. O uso do logotipo secundário em meios digitais segue o mesmo padrão dos meios impressos, devendo ser reproduzido com uma altura mínima de 50px.

75 mm 50 px

elementos de identidade

ele-men -tos de identidade

elementos de identidade

TIPOGRAFIA Nossa tipografia integra nossa identidade visual e torna possível a transmissão da personalidade da merca mesmo quando não há outros elementos presentes. Utilizamos duas famílias tipográficas, que juntas expõe a dualidade metamodernista: Koliko (2015) e Lydian (1938). Enquanto a primeira é geométrica e remete à estrutura do modernismo, a segunda possui variações cursivas e se relaciona com o neoromanticismo presente no metamodernismo. Em títulos de destaque e chamadas rápidas, com menos de 2 linhas, se deve utilizar a Koliko (Regular) sempre em caixa baixa. Para textos maiores, com mais de 3 linhas, utiliza-se a Lydian (Bold) em caixa alta para o título e Lydian (Roman) com variação de caixa alta e baixa para o texto, que nesse caso deve ser sempre justificado para aproveitar melhor a área disponível e aumentar a legibilidade.

Ko l i k o A a B b C c D d E e Ff G g H h I i J j K k L l M m N n O o P p Qq R r S s Tt U u Vv Ww X x Yy Z z 1 2 3 4 5 6 7 8 9 0 Ly d i a n Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0

elementos de identidade

USO DE CORES O símbolo e logotipo são apresentados sempre em preto, branco ou em alguma tonalidade de cinza, configurando tais cores como as cores primárias da marca, possibilitando dessa forma a utilização de variados elementos gráficos agregados ao logotipo. Porém, a marca carrega em sua concepção a utilização preferencial de elementos gráficos nas cores azul, roxo, vermelho e rosa. Isso reforça o conceito de dualidade e contraposição presente no metamodernismo através da utilização de cores quentes e frias. CMYK: 52, 0, 1, 0 RGB: 116, 209, 234 Pantone: Blue 0821 C CMYK: 40, 90, 0, 0 RGB: 187, 41, 187 Pantone: Purple C CMYK: 0, 73, 77, 2 RGB: 249, 66, 58 Pantone: Warm Red C

elementos de identidade

LINHAS E ÂNGULOS Derivando do haste esquerda do símbolo, as linhas que apresentam um ângulo de 66º com relação à sua base horizontal constituem um interessante elemento de identidade, que pode ser utilizados na diagramação de materiais gráficos ou no tratamento de imagens. O uso de linhas horizontais também é recomendado, sendo mais indicado que o uso de linhas verticais. As linhas transversais que apresentam ângulos de 66º devem ser utilizadas apenas na configuração ascendente, visando estar sempre visualmente de acordo com o logotipo. A utilização de linhas e ângulos na identidade visual reforça o conceito de movimento, explorado pelo logotipo e presente nos valores da empresa e do metamodernismo.

66º

elementos de identidade

TRATAMENTO TIPOGRÁFICO Explorando o conceito de movimento exposto na página anterior, o principal tratamento tipográfico da marca é a utilização de linhas como hífens. Presente no logotipo e também nos títulos em diversos materiais gráficos, os hífens possuem larguras variadas, porém com uma altura (espessura) de acordo com a construção do logotipo ou do peso da tipografia. Esse tratamento tipográfico não precisa obedecer as regras ortográficas, pois busca na subjetividade atrair o olhar do espectador a fim de criar um meio de comunicação que relacione a ideia de movimento e fluidez.

ex em -p - lo. 21

aplicações

aplicaçõ-es

aplicações ACABAMENTOS GRÁFICOS Para projetos especiais é altamente recomendado a utilização de acabamentos gráficos diferenciados, como: hot stamping, verniz UV localizado, baixo e alto relevo, laminação fosca, entre outros. Eles conferem à marca a ideia de multidisciplinaridade presente no estúdio, uma vez que seu logotipo é apresentado em materiais diversificados, de diferentes cores e texturas. Um acabamento gráfico que vale destacar é a tinta termo cromática, sua cor varia de acordo com a temperatura e reforça o conceito de mutabilidade trabalhado pela marca. Nesses casos se aconselha a utilização do logotipo secundário, o qual se comporta melhor em diferentes situações. Porém, não deve-se excluir a possibilidade de utilização do logotipo primário com acabamentos especiais, o ideal é avaliar as especificações e diretrizes de cada projeto e situação.

aplicações USO DIGITAL Como exemplo de utilização da nossa identidade visual no meio digital, temos na imagem ao lado o nosso site. Ele apresenta elementos de identidade visual expostos anteriormente, como os ângulos, o uso de linhas, o esquema de cores que trabalha a dualidade entre cores quentes e frias, as tipografias Koliko e Lydian que seguem as diretrizes preestabelecidas nesse documento e em especial o tratamento tipográfico realizado com a utilização de traços e hífens, que é apresentado em destaque e unifica a comunicação da marca em diferentes meios. O meio digital se configura como um meio de infinitas possibilidades a serem trabalhadas no que diz respeito à identidade visual da marca. Apesar disso, uma vez que a marca é extremamente mutável, ele não necessita diretrizes específicas. Porém, vale ressaltar que o uso da marca digitalmente deve seguir as normas de design e utilizar os elementos de identidade visual expostos previamente.

aplicações LOOK AND FEEL