1. INTRODUÇÃO
3. DIRECIONAMENTOS ESPECÍFICIOS
1. INTRODUÇÃO
Eu, o outro e todos nós
Educar para conectar mundos
A Cidadania Global é abordada por meio de grafismos modulares que conectam um indivíduo a outro, formando um cenário maior e mais diverso. As fotos retratam alunos, educadores e famílias, sempre em interação uns com os outros.
Uma identidade,
4 produtos
.
Além da comunicação institucional, essa campanha atende os produtos Aprender Juntos, SM Educamos, PNLD e SM Direto. O conceito e os elementos gráficos se mantêm, mudando apenas a paleta de cores e o direcionamento fotográfico de cada solução.
Institucional
A identidade institucional deve compor todas as peças de comunicação da SM. A escolha dos personagens para a composição do layout, deve observar as faixas etárias dos níveis de ensino atendidos por nossas ofertas. Um bom parâmetro é tomar como referência a idade final de cada nível de ensino:
– Educação Infantil (3- 5 anos),
– Ensino fundamental – Anos Iniciais (6-10 anos),
– Ensino Fundamental – Anos Finais (11-14 anos),
– Ensino Médio (15-17 anos).
SM Educamos
Para o Educamos, as imagens das composições devem representar crianças, adolescentes e educadores, sempre que possível, interagindo com objetos que remetam à aprendizagem virtual, como tablets.
SM Direto
Para o SM Direto, as imagens das composições devem representar educadores, familiares e alunos, sempre que possível, interagindo com objetos que remetam ao produto, como caixas e livros.
Aprender Juntos
Para o Aprender Juntos, as imagens das composições devem representar crianças de 7 a 11 anos e educadores, sempre que possível, interagindo com elementos que remetam ao produto, como livros e personagens da coleção.
PNLD
Para o PNLD, as imagens das composições devem representar adolescentes de 15 a 17 anos e educadores, sempre que possível, interagindo com objetos que remetam ao produto, como livros das coleções aprovadas.
2. IDENTIDADE
Linguagem visual
Nossa campanha se apoia em elementos visuais para manter uma identidade, antes de mostrar como utilizá-los é importante apresentá-los individualmente.
Construção do Grafismo
A força visual da campanha se apoia no grafismo e sua interação com os demais elementos. É composto por uma malha de elementos geométricos e o símbolo da SM, e deve ser utilizado como suporte para construir narrativas de conexões.
Elementos dispostos em
uma malha geométrica
Direção Fotográfica
A ideia central é transmitir a conexão entre as pessoas, para isso, utilize preferencialmente as fotos (recortadas e em alta resolução) disponíveis nos arquivos para download. No entanto, caso precise usar novas fotos, siga os direcionamentos a seguir:
-
Fotos com pessoas de diferentes idades e etnias;
-
Poses naturais;
-
Interação entre as pessoas.
Exemplo de aplicação das fotos no layout. Perceba a interação entre os personagens.
Cores
Cada produto possui uma cor principal, uma para texto e um conjunto de cores de apoio.
Tipografia
A escolha tipográfica de uma campanha é essencial para criar um universo visual consistente. Possuímos duas famílias tipográficas para materiais institucionais:
PARA TÍTULOS
A família tipográfica para títulos e destaques pontuais é a Extenda. Utilize preferencialmente o peso 60 mega ou 40 hecto.
PARA TEXTOS
A Muller é a fonte tradicional da SM Educação há anos, possui muitos pesos, de fácil leitura e bem otimizada tanto para telas ou para texto. Sua diversidade de pesos é uma grande ajuda na hora que criar composições e hierarquias.
Títulos sempre em caixa alta
Alguns exemplos
Arquivos para download
Tipografia
Tipografia.zip
19.08.2020 /
2 MB
Utilizando a identidade
Um pequeno guia com dicas de como criar novas composições fazendo o uso adequado da identidade da campanha.
Aplicação Macro
Em peças mais robustas podemos explorar o grafismo com mais totalidade, utilizando mais fotos e criando composições mais dinâmicas.
Aplicação Micro
Com menos espaço, enfatizamos uma fração do grafismo e limitamos as interações a dois elementos.
Interação entre
elementos
É imprescindível que além do contato com o grafismo, as peças retratem ao menos duas interações entre personagens e/ou ilustrações e produtos.
Assinatura
Quando a marca SM Educação aparece, a assinatura acompanha a marca.
Nos outros casos, a assinatura aparece separada.
Arquivos para download
Assinatura
Assinatura.zip
24.02.2021 /
878 KB
Cuidados na aplicação
Use o bom senso na hora de criar: cuidado para não exagerar e deixar as peças visualmente carregadas.
Não construa elementos fora da malha modular;
Não distorça elementos da identidade;
Atente-se a distribuição dos personagens no layout e evite deixá-los muito próximos.
Respeite a paleta cromática, não modifique ou use cores adicionais;
Não utilize outras tipografias.
3. DIRECIONAMENTOS ESPECÍFICIOS
Direção por produto
Embora a identidade seja única, seus desdobramentos na comunicação de diferentes ofertas apresentam suas especificidades.
Institucional
A marca SM deve estar presente em todas as peças,
exceto aquelas produzidas para veiculação em redes sociais.
Saiba como aplicá-la adequadamente em sm.howwebrand.com
Post redes sociais 1080 x 1080px
Em peças institucionais é possível usar apenas o grafismo
Conteúdos institucionais podem ser exibidos em conjunto, como ocorre nas redes sociais. Nesse contexto é permitido abrir mão do uso fotográfico nas composições.
A comunicação institucional fala com todos os públicos
Portanto, é necessário que alunos e educadores de diferentes níveis de ensino se sintam representados. O multiculturalismo é um importante pilar da nossa comunicação, escolha fotos com pessoas diversas.
Cor destaque
Cor para títulos
Piscina
CMYK 60 0 25 0
RGB 89 197 199
HEX #59c5c7
Piscina bem claro
CMYK 20 0 25 0
RGB 205 231 199
HEX #cde7ca
Cores de apoio
Vermelho SM
CMYK 0 100 90 0
RGB 237 27 47
HEX #ed1b2e
Laranja claro
RGB 242 102 73
CMYK 0 75 75 0
HEX #f26649
Amarelo
RGB 255 213 50
CMYK 0 15 90 0
HEX #ffd532
Rosa
RGB 245 153 177
CMYK 0 50 10 0
HEX #f599b1
Piscina bem claro
CMYK 20 0 25 0
RGB 205 231 199
HEX #cde7ca
Azul bem escuro
RGB 28 72 146
CMYK 100 85 10 0
HEX #1c4892
Azul escuro
RGB 1 116 168
CMYK 90 50 15 0
HEX #0174a8
Proporção de uso
Arquivos para download
Paleta de cores – Institucional
Institucional-PaletadeCores.zip
17.03.2021 /
3 KB
Templates
Arquivos para download
Templates – Institucional
Institucional-Template.zip
17.03.2021 /
50 MB
SM Educamos
A marca SM Educamos deve estar presente em todas as peças.
Saiba como aplicá-la adequadamente em sm.howwebrand.com
Utilize fotos de crianças com a faixa etária entre 7 e 13 anos e adolescentes com idade entre 15 e 17 anos. Priorize as interações com tablets e educadores.
Cor destaque
Cor para títulos
Vermelho SM
CMYK 0 100 90 0
RGB 237 27 47
HEX #ed1b2e
Rosa claro
RGB 233 168 187
CMYK 5 40 10 0
HEX #e9a8bb
Cores de apoio
Lilás
RGB 189 132 186
CMYK 25 55 0 0
HEX #bd84ba
Rosa
RGB 245 153 177
CMYK 0 50 10 0
HEX #f599b1
Rosa escuro
RGB 243 134 167
CMYK 0 60 10 0
HEX #f386a7
Laranja
RGB 241 90 34
CMYK 0 80 100 0
HEX #f15a22
Piscina bem escuro
RGB 0 134 147
CMYK 100 25 40 0
HEX #008693
Piscina escuro
RGB 0 164 184
CMYK 100 5 30 0
HEX #00a4b8
Piscina
CMYK 60 0 25 0
RGB 88 197 199
HEX #58c5c7
Piscina bem claro
CMYK 20 0 25 0
RGB 205 231 199
HEX #cde7ca
Azul escuro
RGB 1 116 168
CMYK 90 50 15 0
HEX #0174a8
Azul claro
RGB 109 207 246
CMYK 50 0 0 0
HEX #6dcff6
Verde bem claro
RGB 200 221 105
CMYK 25 0 75 0
HEX #c8dd69
Amarelo
RGB 255 213 50
CMYK 0 15 90 0
HEX #ffd532
Proporção de uso
Arquivos para download
Paleta de cores – SM Educamos
SMEducamos-PaletadeCores.zip
02.08.2019 /
3 KB
Templates
Arquivos para download
Templates – SM Educamos
SMEducamos-Template.zip
02.08.2019 /
402 MB
SM Direto
A marca SM Direto deve estar presente em todas as peças.
As fotos representam a relação entre educadores e a família. Priorize aquelas que retratem a interação com livros e caixas.
Cor destaque
Cor para títulos
Melancia
RGB 242 102 100
CMYK 0 75 55 0
HEX #f26664
Rosa claro
RGB 250 205 195
CMYK 00 25 15
HEX #facdc3
Cores de apoio
Vermelho SM
CMYK 0 100 90 0
RGB 237 27 47
HEX #ed1b2e
Piscina escuro
RGB 0 164 184
CMYK 80 15 25 0
HEX #00a4b8
Verde bem claro
RGB 200 221 105
CMYK 25 0 75 0
HEX #c8dd69
Piscina bem claro
CMYK 20 0 25 0
RGB 205 231 199
HEX #cde7ca
Azul escuro
RGB 1 116 168
CMYK 90 50 15 0
HEX #0174a8
Azul claro
RGB 109 207 246
CMYK 55 0 0 0
HEX #6dcff6
Rosa
RGB 245 153 177
CMYK 0 50 10 0
HEX #f599b1
Proporção de uso
Arquivos para download
Paleta de cores – SM Direto
SMDireto-PaletadeCores.zip
21.08.2020 /
3 KB
Templates
Arquivos para download
Templates – SM Direto
SMDireto-Template.zip
20.08.2020 /
261 MB
Aprender Juntos
Além da marca Aprender Juntos, a chancela da SM também deve estar presente em todas as peças.
As fotos trazem personagens entre 7 a 11 anos (F1) interagindo com livros, tablets e educadores.
As ilustrações que compõem as capas da coleção podem ser
usadas nas composições para deixá-las ainda mais ricas.
Cor destaque
Cor para títulos
Bege
RGB 255 204 125
CMYK 0 20 60 20 0
HEX #ffcc7d
Laranja
RGB 241 90 34
CMYK 0 80 100 0
HEX #f15a22
Cores de apoio
Vermelho SM
RGB 237 27 47
CMYK 0 100 90 0
HEX #ed1b2e
Verde bem escuro
RGB 0 162 88
CMYK 85 10 90 0
HEX #00a258
Verde escuro
RGB 28 183 141
CMYK 75 0 60 0
HEX #1cb78d
Piscina bem claro
RGB 205 231 199
CMYK 20 0 25 0
HEX #cde7ca
Azul escuro
RGB 1 116 168
CMYK 90 50 15 0
HEX #0174a8
Azul
RGB 39 170 225
CMYK 70 15 0 0
HEX #27aae1
Piscina
RGB 88 197 199
CMYK 60 0 25 0
HEX #58c5c7
Bege escuro
RGB 251 177 106
CMYK 0 35 65
HEX #fbb16a
Roxo claro
RGB 176 172 213
CMYK 30 30 0 0
HEX #b0acd5
Rosa
RGB 245 153 177
CMYK 0 50 10 0
HEX #f599b1
Proporção
Arquivos para download
Paleta de Cores – Aprender Juntos
AprenderJuntos-PaletadeCores.zip
20.08.2020 /
3 KB
Templates
Arquivos para download
Templates – Aprender Juntos
AprenderJuntos-Template.zip
17.03.2021 /
259 MB
PNLD
A marca SM deve estar presente em todas as peças, oferecendo apoio à marca do produto em destaque.
As fotos representam adolescentes, com faixa etária entre 15 a 17 anos, interagindo com educadores, livros e tablets.
As ilustrações que compõem as capas dos materiais didáticos podem ser usadas nas composições para torná-las ainda mais atrativas.
Cor destaque
Cor para títulos
Verde
RGB 114 191 68
CMYK 60 0 100 0
HEX #72bf44
Piscina bem claro
CMYK 20 0 25 0
RGB 205 231 199
HEX #cde7ca
Cores de apoio
Vermelho SM
CMYK 0 100 90 0
RGB 237 27 47
HEX #ed1b2e
Verde bem escuro
RGB 0 162 88
CMYK 85 10 90 0
HEX #00a258
Verde claro
RGB 154 202 60
CMYK 45 0 100 0
HEX #9aca3c
Piscina bem claro
CMYK 20 0 25 0
RGB 205 231 199
HEX #cde7ca
Azul escuro
RGB 1 116 168
CMYK 90 50 15 0
HEX #0174a8
Piscina escuro
RGB 0 164 184
CMYK 80 15 25 0
HEX #00a4b8
Piscina
CMYK 60 0 25 0
RGB 89 197 199
HEX #59c5c7
Azul claro
RGB 109 207 246
CMYK 55 0 0 0
HEX #6dcff6
Roxo
RGB 58 79 150
CMYK 90 80 10 0
HEX #3a4f96
Rosa bem escuro
RGB 189 26 141
CMYK 25 100 0 0
HEX #bd1a8d
Rosa
RGB 245 153 177
CMYK 0 50 10 0
HEX #f599b1
Laranja
RGB 241 90 34
CMYK 0 80 100 0
HEX #f15a22
Proporção de uso
Arquivos para download
Paleta de cores – PNLD
PNLD-PaletadeCores.zip
18.08.2020 /
3 KB
Templates
Arquivos para download
Templates – PLND
PNLD-Template.zip
24.02.2021 /
511 MB
Esperamos que esse conteúdo ajude a tornar o nosso vínculo ainda mais forte.
Ele foi pensado especialmente para você, nosso parceiro, como um material de consulta constante, rápida e efetiva.
Dúvidas?
Entre em contato conosco
Última Revisão
18 de Março de 2021
Desenvolvido por Megalo