PARA QUE POSSAMOS COMUNICAR
COM CONSISTÊNCIA!
SIGA AS DIRETRIZES EM TODA COMUNICAÇÃO
SEJA 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
PANORAMA
STHEM 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ÍPIOS
AO COMUNICAR O STHEM BRASIL
DEVEMOS LEMBRAR DE SEUS
VALORES E DIFERENCIAIS.
PAR
CEIR
O
LA
SPA
U
47 IE
S
DO BR
ASIL
11
ESTADOS
+ de 4500
PROFE
SSORE
S
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ÇÃO
PIONEIRISMO
COOPERAÇÃO
SUSTENTABILIDADE
PERFORMANCE
CAPACIDADE
DE APRENZIAGEM
CONTÍNUA
JUNT
OS SOMOS MAIS F
OR
TE
S.
A MENS
AGEM CHA
VE D
A C
OMUNIC
AÇ
ÃO
.
O SL
OGAN DO S
THEM BR
ASIL!
IDENTIDADE
LOGOTIPO
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
ANATOMIA DO LOGOTIPO
LOGOTIPO
GRID DE CONSTRUÇÃO DA MARCA
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 adesenvolvi-daptar 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.
APLICAÇÃO SOBRE CORES
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.
MONOCROMIA
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.
Á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.
CÁLCULO DA ÁREA DE RESPIRO
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.
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
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
IDENTIDADE
TIPOGRAFIA
ARREDONDADA
AMIGÁVEL
SIMPLES
OBJETIVA
MODERNA
ELEGANTE
MINIMALISTA
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 Adams
Muli Bold
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Arial Bold
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Regular
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Arial Regular
ABCDEFGHIJKLMNOPQRSTUVXZ
NOSSA TIPOGRAFIA
MULI 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 utilizadesenvolvi-da principalmente em canais digitais.
Em textos longos textos corridos e impressos devemos utilizar nossa tipografia secundária.
TIPOGRAFIA
SECUNDÁRIA
Em 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.
Muli Light
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Light Italic
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Regular
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Extra Light
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Extra Light Italic
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
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.
Muli Semibold
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Extra Bold
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Semibold Italic
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Extrabold Italic
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Bold
ABCDEFGHIJKLMNOPQRSTUVXZ
Muli Black
ABCDEFGHIJKLMNOPQRSTUVXZ
Muli Bold Italic
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Italic
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Arial Regular
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Arial Black
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Arial Italic
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Arial Bold
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Arial Bold Italic
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
1234567890“!@#$%¨&*()_+
Muli Black Italic
ABCDEFGHIJKLMNOPQRSTUVXZ
abcdefghijklmnopqrstuvxz
IDENTIDADE
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.
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 desenvolvi-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 C25 M0 Y45 K0 C40 M13 Y45 K0 C0 M0 Y0 K60 C30 M25 Y0 K0 R207 G225 B166 R169 G193 B157 R135 G135 B135 R189 G189 B224 PANTONE 280C Websafe #cee1a5 PANTONE 7494C Websafe #a9c19d PANTONE 423C Websafe #878787 PANTONE 7444C Websafe #b6b8de
C25 M63 Y40 K0 C0 M13 Y65 K0 C10 M50 Y40 K0 C10 M15 Y40 K0 C10 M5 Y45 K0 R197 G117 B127 R255 G221 B112 R226 G150 B139 R254 G222 B169 R255 G238 B164 PANTONE 695C Websafe #c5747e PANTONE 1215C Websafe # ffdd70 PANTONE 7606C Websafe #db918a PANTONE 7401C Websafe #fedea8 PANTONE 600C Websafe #fedea8
DIRE TRIZ ES G STHEM 201
DIRETRIZES GRÁFICAS
STHEM BRASIL
2017
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.
