Brandbook React

Page 1

Brandbook e Manual de Utilização da Marca


Bem vindo essa ĂŠ a nossa marca:


Este é o guia de identidade visual simplificado da marca da Reactweb. Nele, vamos apresentar todas as funcionalidades, fontes, usos indevidos, grid de construção, cores, etc... Apresentamos também alguns exemplos de ultilização da marca para auxílio e orientação de seus usuários e desenvolvedores das devidas peças. É necessário seguir este manual a risca para que a identidade da empresa seja preservada assumindo assim maior força em todos os seus materiais; desde os mais simples até peças de grande impacto.


A marca.


A inspiração do logotipo foi embasada nos 4 pilares do desenvolvimento de projetos da agência:

Rethink/Redesign/Recreate/Rebirth Partindo dos conceitos base, foi desenvolvido um logotipo que transmitisse a idéia de movimento, continuidade e velocidade com um ar moderno e jovial. O aspecto moderno está em sua forma simplificada e direta, que pode ser gerenciada com faciliidade em toda a identidade.


Rethink



Mais importante do que pensar, É importante repensar. Desenvolver uma metodologia estruturada de pré criação do projeto visando uma maior acertabilidade do produto. Essa etapa é imporante para entendermos que na React mexemos sim em time que está ganhando para não esperarmos ele perder para desenvolvermos novas formas.


Redesign



Design é antes de mais nada: projetar. Muito além da conceoção de layout’s e códigos, o design tem que ser um dos pilares da construção de todo e qualquer projeto. Nessa etapa entram todas as metodologias de construção do projeto, desenvolvimento de wireframes, grids, calendários e estruturas de conteúdo.


Recreate



Criação é um processo de imerção e exteriorização de ideias. Na React esse projeto é feito de maneira celular e conjunta: cada etapa acontece de maneira autônoma porém com possibilidade de participação contínua e progressiva das áreas relacionadas.


Rebirth



O nascimento do projeto também é um dos pilares do projeto Introduzi-lo ao cliente de maneira a evangelizá-lo tornando claro todas as possibilidades objetivadas com a construção do projeto. Ativá-lo junto ao seu público interno e externo facilitando assim a compreensão de novo do produto.


Keywords da linguagem da marca:



INOVADORA





Guia de Utilização da marca


VERSÕES DO LOGOTIPO


VERSÕES DO LOGOTIPO

A versão preferencial é a que deve ser usada com mais ênfase, deixando as demais versões para ocasiões nas quais a marca não consegue ser aplicada com todas as cores ou variações de tons.

Re act Re act

VERSÃO PREFERENCIAL EM FUNDO BRANCO

VERSÃO PREFERENCIAL EM FUNDO PRETO


A versĂŁo secundĂĄria deve ser apllicada nas assinaturas de websites e como selo em cima de imagens e texturas que exijam maior contraste


Malha de Construção


GRID DE CONSTRUÇÃO O Grid de construção do logo aponta como tudo fica perfeitamente alinhado, harmonizado e proporcional, dando ao logotipo mais visibilidade e leitura.

Re O logo segue uma só angulação de 57º. A distância “x” foi dividida em 5 partes iguais gerando módulos verticais para a subdivisão do mesmo

Definindo o bloco de altura igual a 100% na haste do 4, foi gerada a compensação visual de 3% para equilibrio do logotipo. Tal parte foge do grig, porém dá visualmente o equilíbrio exato para o logo

As linhas pontilhadas seguem o fluxo e também terminam nos pontos intersectivos do grid


CORES


CORES Foram definidas 2 cores principais para o uso da marca, sendo elas:

CMYK 15 100 90 10 RGB 190 30 45 PANTONE 185 C

CMYK 22 96 84 16 RGB 170 41 50 PANTONE 187 C


CORES Como cores secundรกrias foram usadas as seguintes:

CMYK 0 0 0 70

CMYK 29 100 81 37

CMYK 29 100 81 37

RGB 222 2333 234

RGB 128 19 38

RGB 128 19 38

CMYK 0 100 22 23

CMYK 0 54 82 0

CMYK 0 54 82 0

RGB 190 0 95

RGB 241 146 67

RGB 241 146 67

CMYK 71 5 100 0

CMYK 0 0 0 100

RGB 82 175 72

RGB 0 0 0

CMYK 14 9 22 0 RGB 218 218 198 CMYK 42 5 100 0 PANTONE 5803 C RGB 162 196 58


TIPOGRAFIA


HERO

OPEN SANS

ABCDEFGHIJKLMN OPQRSTUVWXYZ

ABCDEFGHIJKLMN OPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 0123456789

abcdefghijklmnopqrstuvwxyz 0123456789

DIN

JOSEFIN SLAB

ABCDEFGHIJKLMN OPQRSTUVWXYZ

ABCDEFGHIJKLMN OPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 0123456789

abcdefghijklmnopqrstuvwxyz 0123456789


CUIDADOS NA VEICULAÇÃO


CUIDADOS NA VEICULAÇÃO O uso indevido apresenta o risco para o fortalecimento da marca; abaixo mostramos como evitar a distorção da marca, preservando assim sua identidade e essência, segue uma pequena lista de proibições possíveis que denigrem o logotipo.

Re Não modificar as cores

Re Não aplicar tranparências

Re Não alternar ordem das células

Re Não esticar

Re Não aplicar em imagens sem contraste suficiente. Não usar imagens de baixa qualidade

Re Não usar em fundos sem contraste ou com a mesma cor da marca, ou com cores fora das pré definidas

Re Não distorcer


Aplicações na Prática:




Brandbook e Manual de Utilização da Marca

LOREM


Turn static files into dynamic content formats.

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