MANUAL DE IDENTIDADE - sthembrasil.comsthembrasil.com/desenvolvimento/wp-content/uploads/2017/11/manual... · Em alguns cenários a aplicação do logotipo colorido pode não ser

MANUAL DE IDENTIDADEVERSÃO 1OUTUBRO DE 2017

BEM VINDO AO MANUAL DE IDENTIDADE DO STHEM BRASIL, ESTE MANUAL EXISTE PARA QUE POSSAMOS COMUNICAR COM CONSISTÊNCIA!

SIGA AS DIRETRIZES EM TODA COMUNICAÇÃOSEJA INTERNA OU EXTERNA.

Nossa marca é mais que um logo. É um sistema desenvolvido a partir de elementos gráficos e diretrizes que se combinam para criar o visual e as sensações características facilmente identificáveis como STHEM Brasil.

Este manual vai te ajudar a se familiarizar com os principais elementos da identidade do STHEM Brasil, auxiliando no design e na produção de comunicações dinâmicas e poderosas. Caso você tenha alguma dúvida, entre em contato:[email protected]

Para informações gerais sobre o consórcio: [email protected]

Panorama 4 - 5

Identidade - Logotipo 6 - 7

Área de atuação - Selo de atribuição 8

Aplicação sobre fundos coloridos 9

Aplicações em retícula 10

Aplicações em monocromia 11

Aplicações coloridas 12 - 13

Área de respiro 14

Posicionamento do logo 15

Aplicação sobre imagem - Redução 16

Aplicações incorretas 17

Identidade - Tipografia - MULI 18 - 19

Tipografia primária - Secundária 20 -21

Famílias e variações 22 - 23

Identidade - Elementos Gráficos 24 - 25

Cromias 26 - 27

Tarja 28

ÍNDICE


STHEM BRASIL 2017

4

PANORAMASTHEM BRASIL É UM CONSÓRCIO ENTRE INSTITUIÇÕES DE ENSINO SUPERIOR (IES) PARA FORMAÇÃO DE PROFESSORES. É TAMBÉM UMA PLATAFORMA DE EXPLORAÇÃO E DIFUSÃO DE METODOLOGIA ATIVA NO APRENDIZADO.Nossa missão é promover a inovação acadêmica por meio de uma rede de coo-peração de IES brasileiras para formar professores e gestores capazes de lidar com os desafios da sociedade.

O STHEM Brasil viabiliza o trabalho com universidades, instituições, organiza-ções governamentais e setor privado para a implementação da Iniciativa para o avanço do ensino e aprendizagem.

PRINCÍPIOSAO COMUNICAR O STHEM BRASIL

DEVEMOS LEMBRAR DE SEUS VALORES E DIFERENCIAIS.

PARCEIRO

LASPAU

47 IE

SDO B

RASIL

11ESTADOS

+ de 4500PROFESSORES

SOBRE A LASPAU,

O Programa Acadêmico e Profissional para as Américas – LASPAU, afiliado à Universidade de Harvard, tem se dedicado à missão de fortalecer o ensino superior no Hemisfério Ocidental desde sua fundação em 1964.

Mais de 20.000 estudantes, pesquisadores, alunos, estudiosos e profissionais das Américas têm participado em programas desenhados ou administrados por LASPAU.

INOVAÇÃOPIONEIRISMO

COOPERAÇÃO SUSTENTABILIDADE

PERFORMANCE CAPACIDADE DE APRENZIAGEM

CONTÍNUA


STHEM BRASIL 2017

4 5

JUNTO

S SOMOS MAIS FO

RTES.

A MENSAGEM CHAVE D

A COMUNICAÇÃO.

O SLOGAN D

O STHEM BRASIL!


STHEM BRASIL 2017

6

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

6 7

LOGOTIPO

O elemento de maior visibilidade em nossa identidade, nossa assinatura uni-versal através de toda comunicação do STHEM Brasil. Nosso selo de qualidade quando o assunto são metodologias ativas de ensino.

Utilizamos sempre a mesma versão do logotipo, seja em mídias impressas ou digitais. Nosso logotipo é fácil de com-preender, por isso não utilize efeitos como sombras, volumes ou reflexos em suas aplicações.

JUNTOS SOMOS MAIS FORTES

ANATOMIA DO LOGOTIPO

Nosso logotipo é a representação gráfica do conceito de união entre dis-ciplinas para as exploração de meto-dologias ativas na educação.

Ele é formado por 3 elementos, nosso símbolo, a tipografia STHEM e a tipo-grafia BRASIL.

Cuide bem de nosso logotipo, nas próximas páginas você irá aprender as diretrizes para garantir que ele seja aplicado de maneira consistente e confiante.

TIPOGRAFIA

ANAT

OM

IA D

O L

OG

OTI

PO

LOGOTIPO

GRID DE CONSTRUÇÃO DA MARCA

SÍMBOLO

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

8

O QUE FAZEMOS?

LOGOTIPO COM ÁREA DE ATUAÇÃO

Nosso logotipo foi desenvolvido com diretrizes específicas de utilização para diferentes formatos e públicos.

Utilize a versão com área de atuação para públicos que não estejam familiari-zados com a marca.

SELO STHEM BRASIL

SELO DE ATRIBUIÇÃO

O Selo de atribuição foi desenvolvido para ajudar a fortalecer e criar equity para o STHEM Brasil, ou seja, aumentar o seu valor de marca.

O objetivo é criar uma relação clara entre o STHEM Brasil e as instituições de ensino superior. O selo STHEM Bra-sil ao ser utilizado com consistência na comunicação de diferentes IES au-mentará a percepção de nossa marca.

Nossa paleta de cores foi desenvolvi-da para se adaptar a diferentes identi-dades institucionais, por isso, é permi-tido a escolha da versão que melhor se adapta a identidade de cada IES.*ver página 12 - 13 e 26 -27.

LOGOTIPO COM ÁREA DE ATUAÇÃO

SELOIDENTIDADELOGOTIPO


STHEM BRASIL 2017

8 9

APLICAÇÃO SOBRE CORES

Ao utilizar o logotipo e suas variações sobre fundos coloridos, utilize sempre a versão com o selo de proteção.

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

10

RETÍCULA

A aplicação preferencial para nosso logotipo é a colorida. Em alguns cenários a aplicação do logotipo colorido pode não ser prática ou até mesmo possível devido a restrições de impressão, quando necessário utilize as versões em retícula de cinza.

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

10 11

MONOCROMIA

Utilize a versão monocromática do logotipo quando houver restrição de impressão para monocromia.

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

12

Logos Coloridos

Desenvolvemos nossa identidade para conversar com diferentes identidades de Instituições de Ensino Superior da melhor maneira possível.

Escolhemos cuidadosamente nossa pa-leta de cores para que a comunicação do STHEM Brasil se integre a indenti- dade de diferentes IES.

A aplicação nas cores institucionais são permitidas desde que sigam as diretri-zes de cromias.*Veja a página (26 - 27) para mais informações sobre cromias.

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

12 13

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

14

ÁREA DE RESPIRO

Para garantir que o logotipo seja aplicada de maneira consistente e confiante em todas as mídias, res-peite a área de respiro.

É proibido a inserção de informa-ções, elementos gráficos ou outros elementos que deixem o visual carre-gado dentro da área delimitada.

A medida da área de respiro é equiva-lente ao tamanho do círculo na inter-seção entre os tipos.

O tamanho da área de atenção é de 2x o tamanho do círculo na interseção entre os tipos.

Área de respiro

Área de atenção

*Tome cuidado para não sobrecarregar a área de atenção.

IDENTIDADELOGOTIPO

CÁLCULO DA ÁREA DE RESPIRO

LOGOTIPO COM ÁREA DE RESPIRO


STHEM BRASIL 2017

14 15

TUDO NO SEU DEVIDO LUGAR

POSICIONAMENTO DO LOGOTIPO

Evite aplicar o logotipo nas partes centrais de qualquer mídia, indepen-dente de seu formato.

As posições preferências são os can-tos, ou centralizado com alinhamento a esquerda ou direita.

Ao aplicar o logotipo, sempre respeite a área de respiro.

CORRETO CORRETO ERRADO

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

16

APLICAÇÃO SOBRE IMAGENS

Ao aplicar o logotipo STHEM sobre imagens é necessário utilizar a versão selo, garantindo assim sua leitura.

REDUÇÃO DA MARCA

Não há um tamanho pré determinado para o logotipo STHEM Brasil, a escala e proporção devem ser determinados a partir do espaço disponível e estética.

CORRETO ERRADO

10mm 15mm30mm

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

16 17

CUIDADO!APLICAÇÕES INCORRETAS

Para manter a integridade do logotipo STHEM Brasil e comunicar sempre com consistência é importante utilizar os lo-gotipos como descrito no manual.

Os exemplos ao lado mostram possíveis erros na aplicação de nosso logotipo:

Não crie novas versões com texto

Não mude as proporções dos elementos

Não rotacione o logo

Não estique o logo Não use gradientes no logo

Não altere a ordem das cores Não use cores fora da plaeta

Não mude a ordem dos elementos

Aplicar efeito de sombra

Não use pathfinder no logo

IDENTIDADELOGOTIPO


STHEM BRASIL 2017

18

IDENTIDADETIPOGRAFIA


STHEM BRASIL 2017

18 19

ARREDONDADAAMIGÁVELSIMPLES OBJETIVA MODERNAELEGANTEMINIMALISTA

MINIMALISTA E SEM SERIFAS.

DESENVOLVIDA PARA SER UTILIZADA LIVREMENTE.

Você pode fazer o download da família tipográfica MULI neste link:(https://fonts.google.com/specimen/Muli)

Crédito:

Vernon Adamswww.sansoxygen.com.



STHEM BRASIL 2017

20

Muli Bold

ABCDEFGHIJKLMNOPQRSTUVXZabcdefghijklmnopqrstuvxz1234567890“!@#$%¨&*()_+

Arial Bold


Muli Regular


Arial Regular


NOSSA TIPOGRAFIAMULI Bold é utilizada para todas chama-das e títulos.

Muli Regular pode ser utilizada em textos corridos, digitais e impressos.

Porém MULI é uma fonte desenvolvi-da para ser utilizada principalmente em canais digitais.

Em textos longos textos corridos e impressos devemos utilizar nossa tipografia secundária.

TIPOGRAFIA SECUNDÁRIAEm casos onde as fontes padrões do sis-tema forem necessárias, como documen-tos internos e apresentações de power point, a fonte Arial Bold deve ser utiliza-da para títulos e a Arial Regular deve ser utilizada para textos corridos.

As fontes secundárias podem ser utiliza-das em textos corridos impressos.



STHEM BRASIL 2017

20 21

Muli Light


Muli Light Italic


Muli Regular


Muli Extra Light


Muli Extra Light Italic


FAMÍLIAS TIPOGRÁFICAS

As fontes podem ser utilizadas em diferentes pesos para facilitar a com-posição de layouts na comunicação. Conheça a tipografia completa do STHEM Brasil.



STHEM BRASIL 2017

22

Muli Semibold


Muli Extra Bold


Muli Semibold Italic


Muli Extrabold Italic


Muli Bold


Muli Black


Muli Bold Italic


Muli Italic



STHEM BRASIL 2017

22 23

Arial Regular


Arial BlackABCDEFGHIJKLMNOPQRSTUVXZabcdefghijklmnopqrstuvxz1234567890“!@#$%¨&*()_+

Arial Italic


Arial Bold


Arial Bold Italic


Muli Black Italic




STHEM BRASIL 2017

24

IDENTIDADEELEMENTOS GRÁFICOS


STHEM BRASIL 2017

24 25

CONSTELAÇÕES SÃO AGRUPAMENTOS APARENTES DE ESTRE-LAS OS QUAIS OS ASTRÔNOMOS DA ANTIGUIDADE IMAGINA-RAM FORMAR FIGURAS DE PESSOAS, ANIMAIS OU OBJETOS.

Nosso símbolo é o elemento gráfico chave em toda comunicação e assim como estrelas, eles podem ser rearranjados formando figuras e composições.



STHEM BRASIL 2017

26

NOSSAS CORES DÃO A STHEM BRASIL SUA PERSONALIDADE.

PALETA DE CORES

O logotipo STHEM Brasil pode sim, ser aplicado em suas 5 cores, temos tam-bém uma tonalidade de cinza para ser utilizado em nossa tipografia e ocasiões onde cores não são apropriadas

Nossas cores foram cuidadosamente escolhidas, por isso, ao trabalhar em qualquer peça é importante utilizar os códigos de cores corretos.

PALETA SECUNDÁRIA

Desenvolvemos 3 paletas de cores que podem ser utilizadas como suporte na paleta principal, elas foram desenvolvi-das através das intersecções entre as cores do nosso logotipo.

Nossa preferência é pela utilização da paleta principal de cores.Quando utilizar a paleta secundária:* Gráficos e infográficos* Fundos e apresentações

C25M0Y45K0

C40M13Y45K0

C0M0Y0K60

C30M25Y0K0

R207G225B166

R169G193B157

R135G135B135

R189G189B224

PANTONE280CWebsafe#cee1a5

PANTONE7494CWebsafe#a9c19d

PANTONE423CWebsafe#878787

PANTONE7444CWebsafe#b6b8de



STHEM BRASIL 2017

26 27

C25M63Y40K0

C0M13Y65K0

C10M50Y40K0

C10M15Y40K0

C10M5Y45K0

R197G117B127

R255G221B112

R226G150B139

R254G222B169

R255G238B164

PANTONE695CWebsafe#c5747e

PANTONE1215CWebsafe# ffdd70

PANTONE7606CWebsafe#db918a

PANTONE7401CWebsafe#fedea8

PANTONE600CWebsafe#fedea8



STHEM BRASIL 2017

28

DIRETRIZES GRÁFICAS

STHEM BRASIL

2017

DIRETRIZES GRÁFICASSTHEM BRASIL2017

TARJAS Nossa identidade vai além do logotipo, tipografia e cores.

Uma parte importante da nossa iden-tidade são as tarjas, elas derivam do nosso logotipo.

Utilize as tarjas seguindo a angulação do nosso símbolo, quando a tarja for aplicada sobre imagens, deve-se prio-rizar a aplicação na cor branca

Nas tarjas devem ser utilizadas no máximo com 3 linhas e 10 palavras.Utilize 10% de espaço entre a borda e o texto.

28

DESENVOLVIDO POR:

Documents

MANUAL DE IDENTIDADE - sthembrasil.comsthembrasil.com/desenvolvimento/wp-content/uploads/2017/11/manual... · Em alguns cenários a aplicação do logotipo colorido pode não ser