• Downloads
  • Contato
1. Introdução
  • Um projeto educacionalcompleto
2. A Marca
  • A Marca
3. A Identidade Visual UNO
  • Construção do Universo Visual Uno
    • Universo visual
  • Versões da marca
  • Ícones
  • Cores
  • Tipografia
  • Fotografia
  • Recursos Visuais
4. Cuidados na Aplicação
  • Use o bom senso na hora de criar
  • Sobre o guia
  • Downloads
  • Contato

CORES

Para construir o universo visual UNO o uso das nossas cores institucionais é imprescindível. A seguir um pequeno guia de como usá-las corretamente.

Cores principais

Como nuances principais, temos azul, amarelo, branco e cinza, as cores institucionais do UNO. Essas tonalidades garantem um bom contraste. Por esse motivo, são aplicadas como cores de fundo.

Azul

CMYK 100 40 25 15

RGB 0 109 142

HEX #006D8F

Amarelo

CMYK 0 30 100 0

RGB 252 184 19

HEX #FDB913

Cinza

CMYK 0 0 0 10

RGB 238 238 238

HEX #EFEFEF

Branco

CMYK 0 0 0 0

RGB 255 255 255

HEX #FFFFFF

Cores de apoio

Usamos o preto e o rosa, respectivamente, para blocos de textos e pequenos detalhes.

Preto

CMYK 0 0 0 100

RGB 0 0 0

HEX #000000

Rosa

CMYK 5 40 0 5

RGB 228 146 247

HEX #E593F8

Proporção de uso das cores

O equilíbrio no uso da paleta de cores é essencial para a unidade na comunicação da marca. Confira ao lado um diagrama visual da quantidade ideal da aplicação de cada cor:

Proporção de uso das cores

Exemplos de uso

Arquivos para download

Paleta de cores

Paleta de Cores.zip
11.05.2021 / 674 KB

Baixar

GRADIENTE

Além de utilizar as cores institucionais de forma “sólida”, existe a possibilidade de usá-las como um gradiente nos fundos e nas caixas. Esse recurso cria um efeito de luminosidade nas peças, dando mais destaque aos ícones e às fotos.

Construção do gradiente

Utilize o gradiente apenas nas cores azul e amarelo, seguindo a referência de cores ao lado. O cinza e o rosa da paleta devem ser usados apenas como cores sólidas.

Aplicando o gradiente

Não existe uma regra sobre a utilização do gradiente. O critério de uso deve levar em conta a composição da peça. Veja ao lado algumas dicas de como utilizar.

Os gradientes podem ser usados em qualquer direção ou ângulo. Neste exemplo, a porção mais clara está posicionada na parte superior esquerda da peça, simulando a fonte de iluminação do ícone e garantindo mais destaque para seus volumes.

Já neste exemplo, a porção mais clara do gradiente está na parte inferior direita da peça, proporcionando mais luminosidade para a foto.

Exemplos de uso

Arquivos para download

Gradiente

Gradiente.zip
11.05.2021 / 633 KB

Baixar
Contato email comunicacao@unoi.com Telefone

0800 772 8866

Redes Sociais
Última Revisão

11 de Maio de 2021

Desenvolvido por Megalo