Manual de Uso Básico – Portal Vidya

Page 1

MANUAL DE USO BÁSICO VERSÃO 1.0 | 2022


SUMÁRIO 01.

Símbolo

04

02.

Paleta de cores

06

03.

Tipografias

09

04.

Logo

11

4.1

Assinaturas

12

4.2

Proteção

17

4.3

Redução

18

05.

06.

Versões

19

5.1

Monocromático

20

5.2

Positivo & Negativo

21

5.3

Escala de cinza

22

Usos incorretos

23


01. SÍMBOLO

O logo do Portal Vidya é uma composição dinâmica e possui algumas variações. O símbolo principal é uma redução do logotipo e os símbolos alternativos serão usados para representar os produtos e/ou as categorias da marca quando for necessário.


SÍMBOLO | Principal


SÍMBOLOS | Alternativos


02. PALETA DE CORES

O padrão CMYK e Pantone deve ser usado em materiais impressos. Já o RGB e Hexadecimal, em peças com propósito de serem exibidas em algum tipo de tela (TV ou celulares), como mídias sociais, sites e aplicativos.


PRIMÁRIA

PRIMÁRIA

PANTONE

PANTONE

2343 C

2340 C

HEX

HEX

# A85566

# CF6F77

C M Y K

15 72 35 21

R 168 G 85 B 102

PRIMÁRIA

C M Y K

5 64 36 8

R 207 G 111 B 119

PRIMÁRIA

PANTONE

PANTONE

1345 C

7506 C

HEX

HEX

#

FDD086

#

FBDEB9

C M Y K

0 16 51 0

C M Y K

0 9 32 0

R 253 G 208 B 134

R 251 G 222 B 185


SECUNDÁRIA

SECUNDÁRIA

PANTONE

PANTONE

4066 C

9224 C

HEX

HEX

# F7A399

# FBEEDE

C M Y K

0 46 33 0

R 247 G 163 B 153

C M Y K

COR DE APOIO

3 5 17 0

R 251 G 238 B 222

COR DE APOIO

RGB

HEX

RGB

HEX

241 190 169

#

241 215 204

#

F1BEA9

COR DE APOIO

F1D7CC

COR DE APOIO

RGB

HEX

RGB

HEX

153 138 141

#

255 249 245

#

998A8D

FFF9F5


03. TIPOGRAFIAS

A tipografia é a voz da marca. Manter um padrão ajuda a reforçar a pregnância da marca na memória do público. Na tela a seguir, você conhecerá toda a família tipográfica e sua hierarquia para compsição de títulos, subtítulos e textos longos.


Manual de Uso Básico

Fonte primária

FAMÍLIA TIPOGRÁFICA

Philosopher

Philosopher

Fonte secundária de apoio

FAMÍLIA TIPOGRÁFICA

Space Grotesk

Space Grotesk

AaBb

AaBb

AaBb

AaBb

AaBb

AaBb

AaBb

AaBb

AaBb

Regular

Italic

Bold

Bold Italic

Light

Regular

Medium

Semibold

Bold

PHILOSOPHER BOLD

Fonte para títulos grandes

Uma passagem mística para algo mágico.

PHILOSOPHER REGULAR

Fonte para subtítulos

Espiritualidade, autoconhecimento e cuidado energético do corpo.

SPACE GROTESK LIGHT

Fonte para textos longos e para web

Nossa missão é levar conhecimento sobre práticas e artefatos, que possam auxiliar as pessoas em seu processo de desenvolvimento espiritual, autoconhecimento e autocuidado energético.

As licenças para o uso das fontes são gratuitas para uso pessoal e comercial. As fontes podem ser adquiridas no Google Fonts: https://fonts.google.com/specimen/Philosopher | https://fonts.google.com/specimen/Space+Grotesk

10


04. LOGO

Para proporcionar mais flexibilidade nas aplicações, o logo possui algumas variações de assinatura. É importante seguir as aplicações em seus fundos variados de cores para que a marca seja apresentada com boa legibilidade e que o logo tenha contraste suficiente com o fundo para não comprometer a leitura.


HORIZONTAL | Assinatura principal


VERTICAL | Assinatura secundária


CIRCULAR | Assinatura reduzida


HORIZONTAL | Assinaturas alternativas


VERTICAL | Assinaturas alternativas


Manual de Uso Básico

4.2

1/4 de x

PROTEÇÃO Para evitar interferência de outros elementos gráficos e preservar a integridade e legibilidade da marca, deve ser resguardado um espaço ao seu redor. A esse espaço atribuímos o nome de “área de proteção”.

1/4 de x

A área de proteção é definida pela altura da letra P, logo a letra P é igual a X. O X representa a borda entre a marca e qualquer elemento externo. Independente da aplicação, é importante que nada interfira nesse espaço.

17


Manual de Uso Básico

4.3 REDUÇÃO A redução é definida pelo menor tamanho que o logo pode assumir sem que sua legibilidade seja comprometida. Reduzir demasiadamente o logo pode dificultar sua leitura e o seu reconhecimento. Dito isso, o logo nunca deve ser menor dos que serão apresentados a seguir. As medidas são feitas pela largura. As versões reduzidas não podem apresentar a tagline acompanhando-as por conta da perda de legibilidade, exceto pela versão circular.

100 px | 35 mm

100 px | 35 mm

55 px | 20 mm

55 px | 20 mm

70 px | 25 mm

18


05. VERSÕES

Caso ocorram limitações que impeçam as cores institucionais da marca de serem reproduzidas, o logo pode ser aplicado em monocromático, positivo & negativo e escala de cinza.


MONOCROMÁTICO


POSITIVO & NEGATIVO


ESCALA DE CINZA


06. USOS INCORRETOS

Aqui vamos entender o que pode e o que não pode ser feito com a marca para que ela possa ser utilizada da melhor forma possível.


Usos incorretos da marca

A fim de manter a identidade da marca, o logo nunca deverá ser alterado, seja nas suas cores, diagramação ou proporções. Mantenha-o sempre original. Certifique-se de não distorcer, inclinar, comprimir, esticar, remover elementos, rotacionar, refletir, aplicar filtros e efeitos, entre outros.

Distorcer

Comprimir

Esticar

Rotacionar

Refletir

Aplicar filtros e efeitos

Manual de Uso Básico

24


Cores diferentes

Incorreto

Caso precise aplicar o logo em fundos com cores que não estão na paleta de cores desse manual, o ideal seria usá-lo em positivo, negativo ou monocromático para que a marca tenha mais destaque. É importante nunca aplicar a marca sobre fundos com contraste insuficiente para a legibilidade.

Manual de Uso Básico

Correto

25


Fundos fotográficos

Incorreto

Sobre fundos fotográficos, deve ser aplicada a versão positiva, negativa ou monocromática do logo e utilizando efeitos de transparência e opacidade visando sempre maximizar seu contraste com o fundo. É importante nunca aplicar a marca sobre fundos com contraste insuficiente para a legibilidade.

Manual de Uso Básico

Correto

26


Este documento é de uso restrito dos colaboradores desta empresa e dos parceiros que prestam serviços relacionados à aplicação da marca. É proibida a reprodução da estrutura desse manual de identidade sem a autorização devida a PRIYS – brand & design studio. A criação desse manual tem direitos autorais reservados.

Desenvolvido por PRIYS – 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.