Manual de Identidade Visual – FIGGA

Page 1

Manual de Identidade Visual

VersĂŁo 1.0 | Outubro 2020


A identidade visual da marca é o conjunto de elementos visuais, tais como logo, cores, tipografias, formas, texturas, grafismos, ícones e fotografia. Estes elementos são combinados harmonicamente para transmitir, de forma coesa e coerente, os valores, princípios, posicionamento e diferenciais de uma marca perante seu público. Este manual é de consulta obrigatória e trata dos elementos gráficos e visuais da identidade da FIGGA e oferece exemplos da aplicação e implementação para garantir o uso correto da identidade nos meios digitais e impressos, orientando assim todos que serão responsáveis por sua gestão.


ÍNDICE

04

Usos Incorretos

19

Missão Visão Valores

04 04 04

Cores

20

Conceitos

05

Marca

Logo Principal Símbolo Construção Proteção Redução Variações

Fundos Monocromáticos Positivo e Negativo Tons de Cinza Fotográficos

06 06 07 08 09 10 11

14 15 16 17 18

Primárias Secundárias

20 21

Tipografia

22

Elementos gráficos

24

Aplicações

25


MARCA A FIGGA é uma marca de vestuário masculino que defende os aspectos relacionados ao meio ambiente e sustentabilidade, tendo seus valores desenvolvidos em torno desse universo. Todos os itens de vestuário da FIGGA

Missão

Contribuir com o futuro do Brasil defendendo um desenvolvimento sustentável, consciente e uma cadeia mais limpa possível.

serão reciclados ou biodegradáveis, visando no baixo custo sem perder a qualidade e sofisticação em seus produtos.

Visão

Ser reconhecida como uma marca que defende o consumo consciente, qualidade do produto e preço acessível.

Valores

Sustentabilidade, Consumo consciente, Compromisso, Visão de futuro, Sofisticação, Simplicidade e Qualidade.

04


CONCEITOS Para a marca FIGGA, a simplicidade e minimalismo, que são valores da marca, foram conceitos primordiais para a concepção de um logo clean e que representasse toda a essência da empresa.

Sustentabilidade

Um logo com traços abstratos que transmitem a mensagem que a marca quer passar para o mundo.

Sofisticação

Desenvolvido para representar uma marca contemporânea.

Minimalismo

Um design que reproduz a simplicidade presente nos valores da marca.

05


LOGO Principal Esta é a versão principal do logo. Esta versão sempre deve ser priorizada nas aplicações e criações de materiais.

Logo

06


LOGO Símbolo O símbolo foi construído da junção da letra G e os símbolos de reciclagem e do infinito, formando um símbolo único que representa tudo que a marca quer transmitir com os conceitos de sustentabilidade e reciclagem. O símbolo de infinito representa justamente este ciclo sem fim de renovação.

LETRA G

RECICLAGEM

INFINITO

Símbolo

07


LOGO Construção O logotipo foi criado com ajuste de kerning e tracking ótico.

2x

x

08


LOGO Proteção O logo sempre estará rodeado por uma área de proteção separando-o de outros objetos, textos e elementos para que seja claramente identificado e não haja ruídos em sua leitura. Esse espaço deve ser mantido livre de todos os tipos de elementos gráficos e tipografias. A área de proteção é definida pela altura do F de FIGGA, sendo assim: = x

x x

x x

x

x

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu

09


LOGO Redução A redução máxima é definida pelo menor tamanho que o logo pode assumir sem que sua legibilidade seja comprometida. Ela é determinada para garantir a leitura tanto em materiais impressos quanto em materiais digitais. O logo nunca deve ser menor dos apresentados abaixo.

1 cm

|

28 px

2 cm

|

56 px

2 cm

|

56 px

3 cm

|

86 px

10


LOGO Variações O logo é utilizado para representar a marca no mercado e em seus meios de comunicação e seu uso consistente irá desenvolver e estabelecer o reconhecimento da marca diante seu público. Logo abaixo estão as variações do logo da FIGGA. Sempre priorize as versões principais na maioria das aplicações.

Versão 01 – POSITIVA Principal

Versão 01 – NEGATIVA Principal


Versão 02 – VERTICAL POSITIVA Secundária

Versão 02 – VERTICAL NEGATIVA

Secundária


Versão 03 – HORIZONTAL POSITIVA Secundária

Versão 03 – HORIZONTAL NEGATIVA Secundária


FUNDOS A utilização do logo em fundos é algo de extrema importância devido a legibilidade, harmonia e identidade cromática. Em razão disso, temos a seguir as versões nas quais o logo pode ser aplicado em fundos monocromáticos, preto & branco, tons de cinza e fotográficos.


Monocromáticos Podem ser utilizados onde não for possível aplicar a marca em sua versão principal.


5% Preto

15% Preto

30% Preto

40% Preto

50% Preto

80% Preto

90% Preto

100% Preto

Positivo e Negativo Podem ser utilizados em documentos impressos em p&b, impressĂŁo em relevo e bordado.


5% Preto

15% Preto

30% Preto

40% Preto

50% Preto

80% Preto

90% Preto

100% Preto

Tons de Cinza Também podem ser usados em documentos impressos em p&b ou quando não há possibilidade de confecção com cor.


Fotográficos A FIGGA se destaca pela identidade visual monocromática sempre priorizando a escala preto e branco e isso também se aplica à fotografia. É importante sempre verificar o contraste entre o fundo fotográfico e o logo para não comprometer a leitura. Caso contrário, usar formas, grafismos, texturas, degradês e cores de apoio para criar uma composição legível.


USOS INCORRETOS Temos alguns exemplos do que não fazer com o logo. Estas regras garantem a legibilidade e devem ser respeitadas para todas as versões. Não usar cores que não estão na paleta.

Não aplicar gradiente.

Não desmembrar.

Não distorcer.

Não rotacionar.

Não aplicar filtros ou efeitos.

Não alterar a espessura.

Não aplicar sobre fundos ilegíveis.


CORES Primárias A paleta de cores da marca consiste na principal, que são cores primárias mais utilizadas, e a secundária que são as cores de apoio. Ambas podem ser utilizadas em materiais gráficos no geral.

PANTONE

PANTONE

Black C

000 C

# 000000

# FFFFFF

C M Y K

0 0 0 100

R 0 G 0 B 0

C M Y K

0 0 0 0

R 255 G 255 B 255


CORES Secundárias As cores secundárias são complementares das cores primárias servindo como apoio à elas e são usadas no meio digital e papelaria.

PANTONE 3537 C # 00331A C M Y K

84 53 78 77

R 0 G 51 B 20

PANTONE

PANTONE

348 C

349 C

# 008041

# 00592E

C M Y K

100 20 100 12

R 0 G 128 B 65

C M Y K

100 38 100 44

R 0 G 89 B 46


TIPOGRAFIA Primária A identidade tipográfica da FIGGA é formada pela família Blatant em suas versões Bold, Bold Italic, Regular e Italic. Somente as fontes dessa família podem ser utilizadas no desenvolvimento de materiais de comunicação da marca.

A licença para uso da Blatant é gratuita. A tipografia pode ser adquirida no site: https://www.behance.net/gallery/97006355/Blatant-Free-font

Lembramos que fornecê-la sem a compra é pirataria.

Aa

Aa

Blatant Bold

Blatant Bold Italic

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

Aa

Aa

Blatant Regular

Blatant Italic

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

22


TIPOGRAFIA Secundária A tipografia secundária é composta pela família Montserrat e deve ser usada como alternativa ao uso das fontes primárias em casos como papelaria, materiais editoriais como catálogos, revistas e flyers, títulos, textos longos e sempre que houver restrição de fontes incorporadas em navegadores. A Montserrat é um fonte flexível que funciona muito bem, tanto no meio digital como no impresso. Ela possui excelente legibilidade e suas versões permitem aplicações dinâmicas e variadas.

A licença para uso da Montserrat é gratuita. A tipografia pode ser adquirida no site: https://fonts.google.com/specimen/Montserrat

Lembramos que fornecê-la sem a compra é pirataria.

Aa

Aa

Montserrat Black

Montserrat Bold

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

Montserrat Semibold

Montserrat Medium

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

Montserrat Regular

Montserrat Light

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890!@#$%^&*()_+<>?{}|\

Aa Aa

Aa Aa

23


ELEMENTOS GRÁFICOS O símbolo e o logotipo podem ser utilizados para criar inúmeras padronagens e grafismos desenvolvendo composições dinâmicas e criativas nas peças gráficas para meio digital e impresso. Para este fim, não há regra que restrinja o uso do símbolo para criar apoios gráficos.






Desenvolvido por Priscca – Brand & Design Studio


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.