ONI - Identity visual guide

Page 1

novembro_2022

por

Este manual de identidade visual contém todas as regras e orientações para a reprodução da nossa identidade.

Contamos com você para criar novas experiências Oni e construir conosco a nossa base, passando à frente as nossas missões e valores.

Para quaisquer dúvidas, contate o nosso time criativo.

74 Elementos 3D 06 Estratégia de marca 10 Nossos valores 14 Nosso logo 40 Nossas cores 50 Tipografia 64 Cobranding
01

Estratégia de marca Missão Posicionamento da Marca

A vSIX criou a marca Oni para o desenvolvimento de produtos e comunicação global com acionistas, investidores e pesquisadores do campo da tecnologia, criando, melhorando e ampliando a relação como interagimos com a tecnologia.

A nossa missão é:

CONECTAR PESSOAS COM A TECNOLOGIA, PROPORCIONANDO NOVAS EXPERIENCIAS E MELHORA DA QUALIDADE DE VIDA.

PRODUTOS ONI DEMAIS PRODUTO

MARCA VSIX
01 08

Estratégia de Marca

Posicionamento da Marca

PERSONALIDADE

EXCLUSIVO INCLUSIVO SÉRIO DESCONTRAÍDO CONVENCIONAL REBELDE AUTORITÁRIO AMIGÁVEL
JOVEM E INOVADOR
MADURO E CLÁSSICO
09
02

Nossos Valores

Missão Nosso Propósito

12
02

IMAGINAR, CONFORTAR, INOVAR

A marca Oni foi desenvolvida para fortalecer nossa relação com os clientes, trazendo os valores e missões da empresa. Demonstramos através dela a tecnologia de nossos produtos, praticidade e o design presente neles. Essa marca representam nosso futuro, serviços e produtos em diferentes países.

Missão 13 Nosso
Propósito
03

Nosso Logo Introdução Versões e Cores Regras Básicas

Digital

O Oni é um produto composto por um óculos de realidade virtual e um chip. E seu nome tem relação com o onipresente, onipotente, onisciente além de onírico.

O logo foi criado a partir da fonte Industry, com modificações. Os dois ‘’O” representam os dois mundos permutáveis, o real e o digital, por isso se sobrepõem.

O design é simples e atemporal, gerando proximidade e fácil reconhecimento da marca.

A utilização do logo é feita de acordo com a mídia e peça gráfica.

Preferencialmente utilize o logo completo, com o nome ONI nas versões: branco ou preto. Assim, poderá garantir a identificação e consistência da marca.

Para peças com poucos detalhes, as opções holográfico e cromado são alternativas para complementar o design.

16
03
Introdução Nosso Logo

Logotipo principal

17
Nosso Logo
Introdução

Versões e Cores Nosso Logo

Versão principal Versão símbolo

03 18

Holográfico

Cromado
Preto
Branco

Regras básicas Nosso Logo

ÁREA DE PROTEÇÃO

A área de proteção irá garantir a melhor visualizaçã do logo, assegurando sua percepção e visibilidade.

Os layouts devem sempre respeitar esta área, utilizando a largura do tipo como valor de X e para margem, o valor de 2X.

2X valor de X

03 2X
20

DIMENSÕES MÍNIMAS

As dimensões mínimas irão garantir que o logo continuará com sua legibilidade e que ele não seja utilizado em um tamanho menor do que as medidas indicadas.

Os logo principal deve ter redução mínima de 20 mm para peças gráficas e 55 px para o digital.

O símbolo, deve ter redução mínima de 13 mm para peças gráficas e 45 px para o digital.

Para Impressão: 20 mm

Para Tela: 55 px

Para Impressão: 13 mm Para Tela: 45 px

Nosso Logo 21
Regras básicas

Nosso Logo

Regras básicas

REGRAS DE APLICAÇÃO

Em anúncios e aplicações, escolha sempre a visualização que priorize o reconhecimento da nossa marca.

Para isso, a posição do logo é feita de acordo com a peça, sua criação e mídia reproduzida.

03 22

ANÚNCIO IMPRESSO

ÓCULOS DE REALIDADE VIRTUAL TRAZ A MELHOR TECNOLOGIA DESENVOLVIDA, PROPORCIONANDO OUTRAS PERSPECTIVAS E UMA EXPERIÊNCIA IMERSIVA NOS MUNDOS VIRTUAIS.
23

Regras básicas Nosso Logo

LOGO SÍMBOLO

O logo símbolo irá em peças com maior impacto visual, como quando há a utilização de ilustrações ou fotografias por exemplo. Ele têm posição fixa nessas publicações impressas. Desta forma é garantido a padronização e identificação da marca, além de complementar a publicação sem entrar em conflito com a arte.

Divida o maior lado da peça por 25, criando assim uma margem, após isso posicione o logo alinhado pelo topo ou base, sempre em contato com uma das laterais

Para a redução do logo e posicionamento, divida o mesmo lado por 5 proporcionalmente.

03
24
X x/25 x/5

LOGO HORIZONTAL

O logo horizontal irá em peças com o conteúdo “mais simples” (susbtituir essa parte pela palavra correta), que necessita do destaque maior da marca. Em cartazes de ponto de ônibus por exemplo, onde a marca tem alta visibilidade e impacto.

Divida o maior lado da peça por 5, criando a margem para o posicionamento do logo.

Aplique o logo sempre respeitando o espaço de 1/25 da margem, posicionando alinhado às laterais, topo ou base.

Em peças com poucos elementos, a posição do logo pode variar ao ser centralizada na peça.

x/5 x/5

X

x/25

25

Aplicações

REGRA DE APLICAÇÃO

No ambiente digital, aconselhamos o uso do logo nos tamanhos mínimos para garantir a visibilidade e consistência da marca. Utilize as regras de acordo com cada peça e mídia específica.

Digital Nosso
03 28
Logo
29
Digital Nosso Logo

APLICATIVOS, SITES E HOMEPAGE

A aplicação é feita de acordo com cada dispositivo e tamanho da tela em pixels. Sempre em tamanho adaptável de acordo com a página.

Sempre que a resolução da largura for superior a 480 pixels, o logotipo terá 10% da sua largura.

Em dispositivos menores, como smartphones ou versões web, a aplicação é feita com 30% da largura da página.

Digital Nosso Logo 03 30
Digital Nosso Logo 31
32% 10% 100% da largura da mídia 100% da largura da mídia

A aplicação nos formatos definidos é fixa para garantir a padronização da marca e facilitar para parceiros colaboradores a reprodução.

O tamanho fixo é feito nas seguintes peças:

PRINCIPAIS FORMATOS Digital Nosso Logo 03 Leaderboard: 728x90 px Outdoor: 970x250 px Banner Vertical: 120×240 px Quadrado/arroba: 250x250 px Skyscrapper: 120x600 px 32
Leaderboard: 728x90 px Outdoor: 970x250px Quadrado/arroba: 250x250 px Banner Vertical: 120x240 px Skyscrapper: 120x600 px Digital Nosso Logo 33

Logo em mídias online: 70 pixels

O logo contém tamanho fixo nas mídias online, importante para a redução e visualização sem distorções ou perca de qualidade.

A aplicação em Outdoor, é feita sempre no canto superior esquerdo, alinhado com as margens.

A margem é 1/4 do tamanho do logo.

A aplicação em Leaderboard, é feita sempre alinhado ao centro e posicionado em um epaço 2X de margem. A margem é 1/4 do tamanho do logo.

A aplicação em Banner vertical, é feita sempre alinhada ao centro vertical e posicionada na margem superior. A margem é 1/4 do tamanho do logo.

03 34
Digital Nosso Logo
70px 70px 70px 70px X 2X
Nosso Logo Digital 35
Exemplo de redução

Logo em mídias online: 90 pixels

O logo contém tamanho fixo nas mídias online, importante para a redução e visualização sem distorções ou perca de qualidade.

A aplicação em Quadrado/arroba, é feita sempre no canto superior esquerdo, alinhado com as margens.

A margem é 1/5 do tamanho do logo.

A aplicação em Skyscrapper, é feita sempre alinhada ao centro vertical e posicionada nas margens laterais e superior.

A margem é 1/5 do tamanho do logo.

36
03
90px 90px 90px 37 Nosso Logo
Regras básicas

Regras básicas Nosso Logo

Logo em mídias online: 90 pixels

Em posts e stories, o logo têm tamanho fixo de 115px.

Para posts, deve ser posicionado em qualquer um dos cantos da peça, com as cores de acordo com a necessidade ou em outline.

Ele deve ser alinhado às margens de 75px.

Para stories, deve ser posicionado na base superior direita ou inferior alinhado às margens.

A margem horizontal é de 75 px e a vertical, de 250 px.

38
03
39 95px 95px Post: 1080 x 1080 px Story: 1080 x 1920 px Nosso Logo Regras básicas
04

Nossas Cores Paleta Cromática Aplicações e Efeitos

Cor Principal

O preto é a cor principal, permitindo a criação de peças sem poluição visual e trazendo a força da marca ao design.

Ela deve estar sempre presente em todas as nossas criações, seja no título, textos, fundo, elementos, etc.

Com ela aprimoramos o reconhecimento da marca e nos destacamos da concorrência.

Cores Secundárias

O branco é a cor secundária que deve ser priorizada, trazendo contraste e sofisticação para nossa identidade.

O holográfico é a segunda preferência, remetendo ao lúdico e ao imaginário, com ele nós conseguimos um balanço gráfico dentro do design, conversamos com o nosso público e demonstramos como os nossos produtos diferenciam-se da concorrência.

42
04
Preto C 10% R 0 M 0% G 0 Y 0% B 0 K 100% #000000 Branco C 0% R 255 M 0% G 255 Y 0% B 255 K 0% #ffffff Holográfico Efeito aplicado com tons candy colors
Estratégia de Marca Missão

HOLOGRÁFICO E CROMADO

Os efeitos transmitem nossos objetivos e agregam à nossa comunicação.

Podemos utilizar o efeito holográfico ou cromado na adição do logo, elementos gráficos ou de acordo com as necessidades da peça.

Os efeitos podem ser feitos de acordo com os conhecimentos do designer, porém, é preferível a utilização de um software 3D para o efeito cromado por priorizar as qualidades da luz refletida sobre o material.

44
04

Holográfico

Exemplo

Exemplo de aplicação do efeito holográfico em símbolo

Exemplo de aplicação do efeito cromado em símbolo

Aplicações e Efeitos Nossas Cores
45

Aplicações Cores

46

Aplicações Efeitos

05

Tipografia Industry

Lora Aplicações

INDUSTRY

A tipografia Industry é nossa fonte para títulos, não deve ser utilizada em textos corrídos. Ela traz mais jovialidade e dinamismo à identidade visual e reforça os nossos conceitos.

Seu uso é limitado aos produtos em títulos, capas, embalagens e mídias digitais.

52
05

INDUSTRY BLACK

53 Industry Tipografia
54 Industry Tipografia 05 ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Light ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Book ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Black ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Ultra INDUSTRY Thin ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Medium Peso principal para uso de subtítulos e informações
55 Industry Tipografia ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Light Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Book Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Black Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ INDUSTRY Ultra Italic INDUSTRY Thin Italic INDUSTRY Medium Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$

DISTORÇÃO DA FONTE

Em títulos e similares, é feita a distorção na fonte Industry, relacionando ao onírico, visando o movimento de forma espontânea e autêntica. Apesar de dispensar o uso de grid, é necessario seguir as regras de distorção para manter o padrão e não propagar a dissociação da nossa marca.

REGRAS DE DISTORÇÃO

A distorção é feita manipulando os pontos da letra do centro à uma das laterais.

Após a seleção, as pontas da letra sempre devem econstar nas pontas de uma das próximas letras (de acordo com a distância desejada durante a distorção) e o kerning deve ser ajustado manualmente.

As melhores letras para distorção são as retas ou com poucas curvas, como por exemplo H, N, S, O, U, L.

56
05
57 Distorção Tipografia
HORIZONTES 1) Texto de título sem distorção 2) Distorção de uma das letras 3) Distorção completa com kerning ajustado
de distorção
SEUS
Exemplos

Lora

A Lora, é nossa fonte para textos e foi escolhida priorizando a legibilidade.

Usada em textos longos, ela é tradicional, porém mais moderna que algumas de suas similares em aspectos do seu processo de criação.

É mais suave e voltada para uso artístico, contrastando com a nossa fonte de títulos, principalmente quando há distorção.

58
05

O que é um homem sem sonhos?

Lora Bold

59
Lora Tipografia
60 ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789@&.,!?%$ Lora Regular Lora Medium Italic Lora Bold Use em todos os locais Lora Tipografia 05

Apis quidunt optaqui omni solorec totatendus.

Ligent ullant que cum, siminctempor audi quiamus cienis quatquistori atur, si rerspic tatatur, sinimai ostiis ellaudiciis rem apis conse magnientem volorenem site nimodic ilitis intium sit odi omnimpo rendelleste sunt plabor reperch itatia consect estorae conem nobitatus el moles aborias picatio maio vellaborit quiam, ut liciminumque vollanimaio ipiet re net officiist velic tota eaquamus que impos nonsequam rat.

Us, ut perferrum labores cipsam eum asperchicim audandi tibusam, quis siment accum lam nonserione eos etur arupta dolupta essedi dolores exerum ilicaer cimusam cum quasperae pratem nonsed minctatque es quos am lauda volorib erferfe ruptat audi quam quam desti omnihicia voluptae non preiure pudigen tiisinverum excepel iquiae. Et alis est, offictem vellut aborero molorem reped eos elicimin et odit, aut expero maios est et molorer rovit, quae nim ium, tecatae

61
Lora Tipografia

Aplicações Fontes

05 Missão 01
Estratégia de Marca
06
Estratégia
de Marca Missão
O QUE É UM HOMEM SEM SONHOS?
O segredo da criatividade está em dormir bem e abrir a mente para
Albert Einstein
06

Cobranding

Offline Online

COBRANDING E PARCERIAS

Com a criação de peças realizadas pela ONI com marcas parceiras, é importante respeitar todas as regras de aplicação, não apenas desta área em específico, mas de todo o manual para que não ocorra a mistura entre as marcas.

O tamanho do logo parceiro sempre deverá ser dimensionado com base em uma das áreas do nosso logo, mantendo a coerência e proporção entre as marcas.

É importante salientar que ambos os logos devem seguir as regras apresentadas no Manual de Identidade Visual. Para o logo ONI, basta se atentar a este guia.

66
06
Offline Cobranding
Logotipos proprocionais ao tamanho Y, sempre com base no logo ONI 67
Y Y X X
Offiline Cobranding

MÍDIA IMPRESSA

O logo do parceiro deve ficar preferencialmente perto do nosso produto, respeitando as regras de aplicação da página anterior. Caso isso não seja possível, o logo do parceiro deve ser aplicado respeitando o espaço de segurança e posicionado ao canto inferior junto à margem da peça.

68
06
69
Cobranding
Offiline
+

MÍDIAS ONLINE

Em peças online aplicamos o logo parceiro seguindo o tamanho fixo do nosso logo, de acordo com cada mídia.

ARROBA E SKYSCRAPPER:

logo parceiro deve ter 90 X 35 px proporcional ao nosso.

DEMAIS BANNERS:

logo parceiro deve ter 70 X 17 px proporcional ao nosso.

70 Online Cobranding 06
71 Online Cobranding Y Y Y X X X X Y Arroba e Skyscrapper: Demais banners:
07

Elementos 3D

Estilo Aplicações

ESTILO

Os elementos 3D são utilizados para representar os conceitos dos produtos ONI. Eles foram criados em Blender (porém podem ser feitos em qualquer outro software 3D) e são aplicados efeitos diversos, como o cromado e o holográfico.

Sempre seguindo as regras deste guia.

Alguns dos principais elementos são: o túnel, as estrelas e os círculos.

74
07
Estilo Elementos 3D
75 Estilo Elementos 3D

Aplicações

Contamos com você para construir novos designs e passar à frente as nossas missões e valores.

Somos a paixão, a liberdade O desconhecido é passado E o novo, nos alimenta, de um apoteótico renascer

Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.