Manual de

Aplicação da Marca
Versão 1 - Agosto 2018
 Manual de Aplicação da Marca onlife

Apresentação

O objetivo deste manual é normatizar e simplificar a aplicação

dos elementos da identidade visual da marca onlife,
garantindo a máxima consistência na comunicação do
produto. Por isso, é fundamental que todas as
recomendações deste manual sejam seguidas à risca em
todas as ações de comunicação.
 Manual de Aplicação da Marca onlife

Conceito

Uma identidade bem construída deve traduzir visualmente os

principais valores da empresa e destacar seu core business.

O núcleo da identidade do onlife é o ícone, tendo duas

camadas de leitura. A primeira, mais direta, remete a ciclo,
acompanhamento e humanização. O segundo momento, de
leitura associativa, traz à tona conceitos que são importantes
para o produto. Foco no paciente como centro de atenção em
saúde e, conexão total do ecossistema de saúde (médico,
paciente e prestadores de serviços - centros de diagnósticos).
 Manual de Aplicação da Marca onlife

Assinaturas

A identidade do onlife é composta por três Preferencial vertical

assinaturas, a preferencial, secundária e
de exceção.

A primeira, preferencial, é mais vertical e deve

ser usada sempre que possível em todas as
comunicações do produto.

A segunda é mais horizontal e deve ser usada

apenas nas aplicações onde a proporção não
permitir o uso adequado da assinatura Secundária horizontal
preferencial.

A terceira, assinatura de exceção, deve ser

usada apenas em casos de redução extrema.

De execeção (ícone)
 Manual de Aplicação da Marca onlife

Versões Cromáticas
Assinatura preferencial, secundária e ícone - horizontal e vertical

Veja abaixo as quatro versões cromáticas para a assinatura preferencial e

suas subdivisões, positivo e negativo. Sempre que possível a marca degradê
deve ser usada. Nos casos onde a impressão em policromia não for
permitida, a versão de uma cor é a mais recomendada. Apenas em último
caso, em aplicações monocromáticas, a marca traço deve ser aplicada.

Positiva Negativa Fundo Azul

Degradê Chapada Chapada Traço Degradê Chapada Chapada Traço

 Manual de Aplicação da Marca onlife

Paleta Cromática e Degradê

O onlife tem 2 cores primárias

e 2 secundárias.
As primárias são cores de reconhecimento, que ajudam
a criar uma distinção maior do onlife para outras
marcas do segmento. São elas: roxo e vermelho.
As secundárias são cores de suporte, com um papel As especificações abaixo devem servir de referência
mais funcional, ainda que importante para criar uma para a composição das cores em outros meios e escalas
harmonia com as primárias. São elas: azul escuro e menos convencionais, sempre tomando por base a
azul claro. aproximação visual.

Cores Primárias Cores Secundárias

Degradê Roxo Vermelho Azul escuro Azul claro

Posição Posição Internet (web safe) Internet (web safe) Internet (web safe) Internet (web safe)
0% 100%
6966EA F43A67 221266 F0F4FF
Vídeo Vídeo
R 105 | G 102 | B 234 R 244 | G 58 | B 103
Vídeo Vídeo Vídeo Vídeo
Impresso (quadricromia) Impresso (quadricromia) R 105 | G 102 | B 234 R 244 | G 58 | B 103 R 34 | G 18 | B 102 R 240 | G 244 | B 255
C 70 | M 65 | Y 0 | K 0 C 0 | M 90 | Y 40 | K 0

Pantone Pantone Impresso (quadricromia) Impresso (quadricromia) Impresso (quadricromia) Impresso (quadricromia)
7669 CP 206 CP C 70 | M 65 | Y 0 | K 0 C 0 | M 90 | Y 40 | K 0 C 100 | M 100 | Y 25 | K 25 C5|M3|Y0|K0
Ângulo
Pantone Pantone Pantone Pantone
0º 7669 CP 206 CP 5265 CP 656 CP
 Manual de Aplicação da Marca onlife

Paleta Cromática - Variações tonais

Cada cor possui 2 variações tonais, uma clara

e outra escura.

São extensões das cores para serem utilizadas

em peças que demandam uma maior
complexidade, como interface digital ou
projetos editoriais.

Roxo Vermelho Azul escuro Azul claro

Internet (web safe) Internet (web safe) Internet (web safe) Internet (web safe) Internet (web safe) Internet (web safe) Internet (web safe) Internet (web safe)
9F94FF 2C3BB7 FF7395 BB003D 543A95 00003B ffffff BDC1CC

Vídeo Vídeo Vídeo Vídeo Vídeo Vídeo Vídeo Vídeo

R 159 | G 148 | B 255 R 44 | G 59 | B 183 R 255 | G 115 | B 249 R 187 | G 2 | B 61 R 84 | G 58 | B 149 R 0 | G 0 | B 59 R 255 | G 255 | B 255 R 189 | G 193 | B 204

Impresso (quadricromia) Impresso (quadricromia) Impresso (quadricromia) Impresso (quadricromia) Impresso (quadricromia) Impresso (quadricromia) Impresso (quadricromia) Impresso (quadricromia)
C 40 | M 40 | Y 0 | K 0 C 90 | M 80 | Y 0 | K 0 C 0 | M 70 | Y 20 | K 0 C 20 | M 100 | Y 75 | K 8 C 80 | M 95 | Y 1 | K 0 C 95 | M 90 | Y 35 | K 60 C0|M0|Y0|K0 C 25 | M 19 | Y 13 | K 0

Pantone Pantone Pantone Pantone Pantone Pantone Pantone

2645 CP 7671 CP 709 CP 1805 CP 267 CP 2965 CP 5305 CP
 Manual de Aplicação da Marca onlife

Área de Proteção

Para preservar a integridade visual da Assinatura preferencial área de proteção Assinatura secundária área de proteção
marca deve-se respeitar a área
de proteção. X X

Nenhum elemento gráfico deve ultrapassar a linha X X

que delimita a área indicada ao lado.

X
Para construir a área de proteção é muito X
simples. Basta ver o tamanho base do ícone = X
X X
(veja diagrama abaixo) e repetir para todas as
direções ao redor da marca.

X
 Manual de Aplicação da Marca onlife

Ícone Aplicativo

O ícone para o aplicativo foi definido conforme o

grid de construção padrão dos sitemas iOS e
android. Deve ser aplicado com a cor secundária
azul claro.

iOS

android
 Manual de Aplicação da Marca onlife

Redução

O tamanho mínimo da assinatura deve

corresponder a 1 cm ou 50 px da altura total
1 cm / 50 px
para as assinaturas preferencial, secundária e
de exceção.
 Manual de Aplicação da Marca onlife

Usando a marca como textura

Exemplo
de aplicação

A marca, ao ser ampliada e transformada em

outiline (4 pt), vira um forte elemento de apoio,
uma textura que fortalece o conceito gráfico
da identidade.

Para obtermos a textura adequada é

necessário aumentar o sinal a ponto de não
visualizarmos mais a forma completa do
sinal original e retirar a circuferência conforme
demostrado abaixo.

Recomenda-se também que, para um maior

dinamismo na composição, a marca seja girada em
pelo menos 45˚.
 Manual de Aplicação da Marca onlife

Tipografia

Tipografia oficial e apoio

Uso exclusivo para títulos e informações de destaque A tipografia Ubuntu foi escolhida como fonte
oficial para toda a comunicação do onlife. Ela
Ubuntu Bold Italic Ubuntu Medium Italic
deve ser usada em todo material de
ABCDEFGHIJKLMNOPQRSTUVXYZ ABCDEFGHIJKLMNOPQRSTUVXYZ
comunicação da marca, como site, folders e
abcdefghijklmnopqrstuvxyz abcdefghijklmnopqrstuvxyz
0123456789 $@#?!: 0123456789 $@#?!: materiais promocionais.

A família tipográfica é composta por diferentes

pesos e, a escolha entre essas variações deve se
Para textos de apoio, como subtítulos, calls to action, descritivos e legendas
ater à hierarquia das informações e dos
Ubuntu Regular Ubuntu Light destaques desejados. Ao lado está indicado
ABCDEFGHIJKLMNOPQRSTUVXYZ ABCDEFGHIJKLMNOPQRSTUVXYZ como os pesos devem ser utilizados.
abcdefghijklmnopqrstuvxyz abcdefghijklmnopqrstuvxyz
0123456789 $@#?!: 0123456789 $@#?!:

Ubuntu Italic Ubuntu Light Italic

ABCDEFGHIJKLMNOPQRSTUVXYZ ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz abcdefghijklmnopqrstuvxyz
0123456789 $@#?!: 0123456789 $@#?!:

Apenas para uso em interfaces que não suportam a fonte Ubuntu

Arial
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz
0123456789 $@#?!:
 Desenvolvido por:

u m b i g o s t u d i o . c o m . b r