new manual de normas gráficas - uphill health · 2020. 7. 13. · aplicações e marcas 21...

42
Manual de normas grácas Fevereiro 2020

Upload: others

Post on 29-Oct-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Manual de normas gráficas Fevereiro 2020

Page 2: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Tabela de conteúdos 2Ŏ

UpHill 4

Aplicações UpHill 20

Quem somos 5

Logos 6

Símbolo 8

Comportamentos sobre fundos 10

Usos incorretos 12

Cores 13

Cores Secundárias 14

Gradientes 15

Tipografia Primária em texto corrente 17

Tipografia Secundária em texto

corrente

19

Aplicações e Marcas 21

Achieve 22

Achieve com wordmark 23

Analyze 24

Analyze com wordmark 25

Community 26

Events 28

Community com wordmark 27

Tipográfia Primária 16

Componentes 7

Margens de segurança e dimensões 9

Comportamentos sobre fundos fotográficos 11

Tipografia Secundária 18

Page 3: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Tabela de conteúdos 3Ŏ

Art of Medicine 37

Art of Medicine com wordmark 38

Zenith 39

Zenith com wordmark 40

Dimensões mínimas 41

Comunicação UpHill 36

Meios de comunicação 35

Simulate 32

Simulate com wordmark 33

Dimensões mínimas 34

Route 30

Route com wordmark 31

Events com wordmark 29

Page 4: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

UpHill

Quem somos / Logo

4

Page 5: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Janeiro 2020

UpHill é uma plataforma de apoio à decisão clínicaAcreditamos no valor da formação contínua e no acesso facilitado a soluções clínicas. Para manter a marca UpHill clara e reconhecida é necessário que sejam cumpridas as regras definidas neste Manual de normas. Nas páginas que seguem estão compreendidas as regras e restrições para preservar a integridade e notoriedade da marca.

UpHill 5Ŏ

Fevereiro 2020

Page 6: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

UpHill 6Ŏ

A identidade UpHill é clara e moderna, formada por dois elementos identificativos - o logotipo e símbolo. O símbolo é representativo do desafio, superação e conquista. O logotipo funciona melhor nas cores estipuladas e sobre um fundo branco.

Logo

O Logotipo

Símbolo Wordmark

Modular Versátil Unificado Saúde

Fevereiro 2020

Page 7: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Componentes

Símbolo / Margens de segurança e dimensões /

Componentes sobre fundos / Usos incorretos / Cores / Gradientes /

Tipografia Primária e Secundária

7

Page 8: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Versão horizontal Versão vertical

A construção das duas versões da identidade UpHill está ilustrada abaixo. Qualquer desrespeito destas normas resulta numa má construção e adulteração da marca. Existem duas versões da identidade UpHill. A versão principal é a versão horizontal. Quando a superfície ou formato assim o justificar a versão vertical poderá ser usada.

Símbolo

Componentes 8Ŏ

Fevereiro 2020

Page 9: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Margens de segurança e dimensões

Componentes 9Ŏ

Dimensão mínima

88px

23,29 mm

Para manter a integridade e promover a consistência da marca use a altura do wordmark (UP) para determinar o espaçamento mínimo do logotipo, livre de qualquer tipo de tipografia, gráfico e outros elementos.

Fevereiro 2020

Page 10: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

30%

100%

Comportamentos sobre fundos

Componentes 10Ŏ

O comportamento da identidade sobre fundos cromáticos. A identidade deve ser representada na cor original até 30% da percentagem de cor de fundo e a partir dos 30% passar à cor branca.

Fevereiro 2020

Page 11: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Comportamentos sobre fundos fotográficos

Componentes 11Ŏ

A aplicação do logotipo sobre imagens poderá ser feita a branco ou a cores. Deve existir um enquadramento e contraste suficiente entre o fundo e a identidade, tal como se deve evitar as áreas mais ruidosas das fotografias.

Fevereiro 2020

Page 12: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Usos incorretos

Rodar ou modificar a identidade.

Aplicar gradientes ao símbolo ou logotipo.

Aplicar outros esquemas cromáticos à identidade.

Deformar ou distorcer o logotipo de forma alguma.

Aplicar o wordmark sem o símbolo.

Utilizar contornos, ou transparências ou marcas de água.

Componentes 12Ŏ

É importante que a aparência do logotipo se mantenha consistente. O logotipo não deverá ser modificado ou adicionado a outras componentes. Abaixo seguem alguns exemplos em como não aplicar a identidade.

Fevereiro 2020

Page 13: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Cores

UpHill Blue Navy BlueIndependence

Majorelle blue

Blue de France

#437BE3 #021F59#2D9ADD

#5760E8

#2638B7

R67 G123 B227 R2 G31 B89R45 G154 B221

R87 G96 B232

R38 G56 B183

Componentes 13Ŏ

A identidade da UpHill tem 5 cores complementares. Estas cores servirão para comunicação instituicional e comercial da marca e não deverão ser aplicadas ao logotipo.

Fevereiro 2020

Page 14: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Cores Secundárias

Glitter#EBEFFAR235 G239 B250

X11 gray#B4BAC6R180 G186 B198

Roman silver#818BA0R45 G154 B221

Payne’s grey#5B6477R91 G100 B119

Han blue#3F65CER63 G101 B206

Charcoal#2E3A53R46 G58 B83

Sky magenta#C972BBR201 G114 B187

Medium turquoise#2FD2D4R47 G210 B212

Vista blue#7B8CE5R123 G140 B229

Mellow apricot#F6BE77R246 G190 B119

Big foot feet#F68E53R246 G142 B83

Pastel red#EE6D64R238 G109 B100

Componentes 14Ŏ

Fevereiro 2020

Page 15: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Gradientes

Componentes 15Ŏ

#2534B7 > #2C63B0 #E08B7D > #C871BC

#8783E2 > #24DBD2

#04B6B2 > #0CDBB3

#ED6962 > #F8C076

#FF6481 > #FFAC90

#5760E8 > #2D9ADD

Fevereiro 2020

Page 16: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Tipografia Primária

Componentes 16Ŏ

A fonte Raleway é a tipografia oficial da identidade UpHill e deverá ser aplicada em todos os suportes de comunicação.

Aa Bb Cc Dd Ee Ff Gg Hh Jj Kk Ll Mm Nn

Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Regular

0123456789&@£$%[]!?*º

Aa Bb Cc Dd Ee Ff Gg Hh Jj Kk Ll Mm Nn

Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Medium

0123456789&@£$%[]!?*º

Aa Bb Cc Dd Ee Ff Gg Hh Jj Kk Ll Mm Nn

Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold

0123456789&@£$%[]!?*º

Raleway

Fevereiro 2020

Page 17: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Tipografia Primária em texto corrente

Componentes 17Ŏ

W1: Wordmark 16 px Extrabold UPHILL

T1: Título Prímário8 px Bold Quality Improvement

16 pxT2: Título Secundário 20 px Semibold

Healthcare16 px

P1: Parágrafo 16 px Regular

We mean to empower institutions with the knowledge and

tools they need to provide a state of the art healthcare

learning experience.comprimento da linha: 499 px

Raleway

Fevereiro 2020

Page 18: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Tipografia Secundária

Componentes 18Ŏ

A fonte Roboto é a tipografia complementar da identidade UpHill.

Aa Bb Cc Dd Ee Ff Gg Hh Jj Kk Ll Mm Nn Oo Pp Qq Rr

Ss Tt Uu Vv Ww Xx Yy Zz

Regular

0123456789&@£$%[]!?*º

Aa Bb Cc Dd Ee Ff Gg Hh Jj Kk Ll Mm Nn Oo Pp Qq Rr

Ss Tt Uu Vv Ww Xx Yy Zz

Medium

0123456789&@£$%[]!?*º

Aa Bb Cc Dd Ee Ff Gg Hh Jj Kk Ll Mm Nn

Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold

0123456789&@£$%[]!?*º

Roboto

Fevereiro 2020

Page 19: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Tipografia Secundária em texto corrente

Componentes 19Ŏ

T1: Título Primário

16 px Regular

T2: Título Secundário

16 px Medium

P1: Parágrafo

16 px Regular

Novidades UpHill

Quality Improvement in healthcare

We mean to empower institutions with the knowledge and tools they

need to provide a state of the art healthcare learning experience.

Fevereiro 2020

Roboto

Fevereiro 2020

L1: Legenda

14 px Regular

16 px

8 px

16 px

comprimento da linha: 496 px

Page 20: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Aplicações UpHill

Achieve / Analyze / Community / Events / Route / Simulate

20

Page 21: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Aplicações UpHill 21Ŏ

Fevereiro 2020

Aplicações e Marcas

Analyze

Nesta seção serão representados os coletivos de subaplicações UpHill e o seu posicionamento e exposição enquanto marcas UpHill.

Route

Page 22: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Achieve

Aplicações UpHill 22Ŏ

O Achieve servirá como identidade da plataforma de monitorização e métricas de performance.

Fevereiro 2020

Page 23: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Achieve com wordmark

Aplicações UpHill 23Ŏ

O produto Achieve deverá ser ilustrado com o wordmark UpHill sempre que for aplicado a um ambiente externo.

Fevereiro 2020

Page 24: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Analyze

Aplicações UpHill 24Ŏ

Analyze

Analyze

Analyze

O Analyze servirá como identidade da plataforma de compliance e análise de registos comportamentais.

Fevereiro 2020

Analyze

Page 25: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Analyze com wordmark

Aplicações UpHill 25Ŏ

Analyze

Analyze

Analyze

Analyze

Fevereiro 2020

O Analyze deverá ser ilustrado com o wordmark UpHill sempre que for aplicado a um ambiente externo.

Analyze

Page 26: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Community

Aplicações UpHill 26Ŏ

O produto Community servirá como identidade da plataforma do forúm público com ferramentas como peer review e debate aberto ao público.

Fevereiro 2020

Page 27: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Community com wordmark

Aplicações UpHill 27Ŏ

Fevereiro 2020

O produto Community deverá ser ilustrado com o wordmark UpHill sempre que for aplicado a um ambiente externo.

Page 28: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Aplicações UpHill 28Ŏ

Events

Events

Events

Events

Events

O Events servirá como identidade da plataforma de eventos formativos presenciais e Certificação.

Fevereiro 2020

Page 29: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Aplicações UpHill 29Ŏ

Events com wordmark

O produto Events deverá ser ilustrado com o wordmark UpHill sempre que for aplicado a um ambiente externo.

Fevereiro 2020

Page 30: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Aplicações UpHill 30Ŏ

Route

Route

Route

Route

O Route servirá como identidade da plataforma visualização e criação de Algoritmos.

Fevereiro 2020

Page 31: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Aplicações UpHill 31Ŏ

Fevereiro 2020

Route com wordmark

O produto Route deverá ser ilustrado com o wordmark UpHill sempre que for aplicado a um ambiente externo.

Page 32: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Aplicações UpHill 32Ŏ

Simulate

Simulate

Simulate

Simulate

O Simulate servirá como identidade da plataforma de simulação de treino e casos clínicos virtuais.

Fevereiro 2020

Page 33: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Aplicações UpHill 33Ŏ

Fevereiro 2020

Simulate com wordmark

Simulate

Simulate

Simulate

O produto Simulate deverá ser ilustrado com o wordmark UpHill sempre que for aplicado a um ambiente externo.

Page 34: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Aplicações UpHill 34Ŏ

Dimensões mínimas

As dimensões mínimas para as aplicações estão definidas como 28 px de altura (7,41mm) pelo que qualquer pelo que qualquer redimensão abaixo desta altura será considerado como uso indevido.

28px (7,41 mm)

28px (7,41 mm)

Fevereiro 2020

Page 35: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Meios de comunicação UpHill

Art of Medicine / Zenith

35

Page 36: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Meios de comunicação 36Ŏ

Fevereiro 2020

Comunicação UpHill

Nesta seção serão representados os coletivos de subaplicações UpHill e o seu posicionamento e exposição enquanto marcas UpHill.

Page 37: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Art of Medicine

Meios de comunicação 37Ŏ

O Art of Medicine servirá como identidade do meio de comunicação do podcast entre médicos.

Fevereiro 2020

Page 38: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Art of Medicine com wordmark

Meios de comunicação 38Ŏ

Fevereiro 2020

O produto Art of Medicine deverá ser ilustrado com o wordmark UpHill sempre que for aplicado a um ambiente externo.

Page 39: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Zenith

Meios de comunicação 39Ŏ

O Zenith servirá como identidade do meio de comunicação UpHill com artigos e recursos públicos produzidos pela UpHill.

Fevereiro 2020

Page 40: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Zenith com wordmark

Meios de comunicação 40Ŏ

Fevereiro 2020

O produto Zenith deverá ser ilustrado com o wordmark UpHill sempre que for aplicado a um ambiente externo.

Page 41: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Meios de comunicação 41Ŏ

Dimensões mínimas

As dimensões mínimas para os logotipos de meios de comunicação estão definidas como 28 px de altura (7,41mm) pelo que qualquer redimensão abaixo desta altura será considerado como uso indevido.

28px (7,41 mm)

28px (7,41 mm)

Fevereiro 2020

Page 42: New Manual de normas gráficas - UpHill Health · 2020. 7. 13. · Aplicações e Marcas 21 Achieve 22 Achieve com wordmark 23 Analyze 24 Analyze com wordmark 25 Community 26 Events

Alguma dúvida ou questão?

Entre em contato com [email protected]