A Escola em Movimento propõe soluções digitais que encurtam distâncias no ambiente escolar.
A nova marca é composta por toggles em referência à estética dos menus dos aplicativos. Eles expressam também o conceito de movimento e personalização, duas fortes características da marca. Juntos eles formam a letra “E”; rotacionando a mesma forma temos a letra “M” – iniciais da Escola em Movimento.
São os elementos principais da nossa linguagem visual.
Trazem personalidade e dinamismo às composições.
Os toggles que dão originalidade à marca, combinados a outros ícones, ilustram os serviços oferecidos de forma quase literal.
A linguagem da marca é como a Escola em Movimento se expressa visualmente. Para que a nossa identidade seja aplicada com personalidade e consistência, reunimos aqui os elementos para a construção da nossa identidade visual: grafismo, cores e tipografias.
Com leveza e personalidade o grafismo confere dinamismo às peças. Ele pode ser rotacionado, separado, além de interagir com fotos e ilustrações.
Não aplique textos sobrepostos ao grafismo.
Não separe o elemento toggle.
Não aplique mais de um conjunto de toggles.
Não altere a relação de cores. Utilize o arranjo determinado na paleta cromática.
Para o sistema de identidade, definimos cores principais e secundárias baseadas nas nuances da marca. Como principais temos o azul escuro e o branco. A tonalidade EM AZUL ESCURO provoca contraste em relação ao azul utilizado no símbolo (EM AZUL CLARO), por esse motivo é aplicado como cor de fundo. Para compor uma paleta flexível, acrescentamos cinco cores de apoio para serem utilizadas em detalhes das composições.
BRANCO
CMYK 0 0 0 0
RGB 0 0 0
HEX #FFFFFF
EM AZUL ESCURO
PANTONE 288 U
CMYK 95 70 0 30
RGB 2 66 130
HEX #024282
EM AMARELO
PANTONE 128 U
CMYK 5 18 80 0
RGB 243 203 81
HEX #F3CB51
EM AZUL CLARO
PANTONE 283 U
CMYK 40 10 0 0
RGB 146 197 235
HEX #92C5EB
EM LARANJA
PANTONE 173 U
CMYK 15 70 80 0
RGB 213 108 71
HEX #D56C47
EM ROSA
PANTONE 674 U
CMYK 25 65 10 0
RGB 191 115 162
HEX #BF73A2
EM ROXO
PANTONE 268 U
CMYK 60 75 10 0
RGB 125 90 153
HEX #7D5A99
A proporção de uso representa uma relação de cores que deve estar presente nos materiais de comunicação. Isto ajuda a enfatizar a unidade visual e coerência entre os materiais.
Escola_em_movimento-PaletaCores.zip
06.12.2019 /
3 KB
A escolha tipográfica é essencial para a consistência da linguagem visual, provocando reconhecimento imediato da marca. A Escola em Movimento possui duas famílias tipográficas para materiais institucionais e campanhas e, na impossibilidade de estas serem usadas, uma outra tipografia de sistema.
PARA TÍTULOS
A família tipográfica para títulos e destaques é a Italian Plate Nº1 Expanded. Utilize apenas o peso ExtraBold.
PARA TEXTOS EM GERAL
A Raleway foi escolhida pela sua variedade de pesos e versatilidade, tanto no ambiente digital quanto no impresso. Todos os pesos podem ser usados conforme a necessidade.
Para os momentos em que não for possível o uso da tipografia institucional (ex: usos digitais restritos como e-mail marketing), use a Arial, fonte disponível na maioria dos sistemas operacionais.
Como diferencial a marca traz duas possibilidades de utilização do símbolo: “E” e “M”, iniciais de Escola em Movimento. A escolha é livre e deve ser feita adequada à situação de uso.
Estas são as versões preferenciais e devem ser usadas sempre que possível. Ambas podem ser aplicadas somente em fundo branco ou com a cor EM Azul Escuro.
Fique atento às aplicações pois o esquema de cores do símbolo nas versões positiva e negativa são diferentes.
Versão preferencial com “E” positiva.
Versão preferencial com “E” negativa.
Versão preferencial com “M” positiva.
Versão preferencial com “M” negativa.
As versões grayscale são de uso restrito, e deverão ser utilizadas somente quando não houver a possibilidade de reproduzir cores na aplicação.
Versão grayscale com “E” positiva.
Versão grayscale com “E” negativa.
Versão grayscale com “M” positiva.
Versão grayscale com “M” negativa.
As versões monocromáticas são de uso restrito, e deverão ser utilizadas somente quando não houver a possibilidade de reproduzir cores e tons na aplicação.
Versão monocromática com “E” positiva.
Versão monocromática com “E” negativa.
Versão monocromática com “M” positiva.
Versão monocromática com “M” negativa.
Em caso de fundos claros use somente a versão preferencial positiva. Escolha fotos que ofereçam contrastes nítidos.
Já em fundos escuros use somente a versão preferencial negativa. Opte por imagens que ofereçam contrastes nítidos e atente-se a diferença no esquema de cores nas versões positivas e negativas.
Escola_em_Movimento-Marca.zip
05.12.2019 /
25 MB
As cores da marca (símbolo) estão listadas abaixo. Na seção versões da marca, apresentamos o esquema de uso dessas cores no símbolo.
EM AZUL
PANTONE REFLEX BLUE U
CMYK 100 85 0 0
RGB 23 71 58
HEX #17479E
EM AZUL CLARO
PANTONE 283 U
CMYK 40 10 0 0
RGB 146 197 235
HEX #92C5EB
EM ROXO
PANTONE 268 U
CMYK 60 75 10 0
RGB 125 90 153
HEX #7D5A99
EM ROSA
PANTONE 674 U
CMYK 25 65 10 0
RGB 191 115 162
HEX #BF73A2
EM LARANJA
PANTONE 173 U
CMYK 15 70 80 0
RGB 213 108 71
HEX #D56C47
EM AMARELO
PANTONE 128 U
CMYK 5 18 80 0
RGB 243 203 81
HEX #F3CB51
Não faça aplicações em tamanhos menores do que as medidas estipuladas. Isso garante a legibilidade da marca.
Elementos externos podem prejudicar a leitura, por isso recomendamos preservar uma área equivalente a 1,5 vez o diâmetro do círculo do toggle.
Usos incorretos prejudicam a credibilidade e reconhecimento. Por isso, a marca deve ser sempre aplicada de acordo com os padrões definidos nesse manual – não desloque ou rotacione os elementos, não aplique efeitos, bordas ou sombras e nem distorça ou altere a proporção e ordem dos elementos.
Os símbolos dos produtos têm duas características importantes: o toggle e suas formas arredondadas como ponto de partida, além do formato dos apps para celular.
O Agenda facilita o contato diário com os pais e alunos. O toggle junto à uma folha representa a ferramenta que otimiza essa comunicação.
Com o Pague a transação de taxas escolares é simplificada. O cartão de crédito, conectado ao elemento principal da marca, simboliza a agilidade em realizar pagamentos.
O ícone de localização, combinado ao toggle, traduz a funcionalidade da ferramenta: melhorar o trânsito no entorno da escola.
Além da marca, cada produto têm uma cor de realce (escolhida a partir das cores do logo), que vai apoiar a composição das peças de identidade. Isso ajuda a personalizar e individualizar os serviços, mantendo uma mesma relação de aplicação.
EM AMARELO
PANTONE 128 U
CMYK 5 18 80 0
RGB 243 203 81
HEX #F3CB51
EM AZUL CLARO
PANTONE 283 U
CMYK 40 10 0 0
RGB 146 197 235
HEX #92C5EB
EM VERDE
PANTONE 360 U
CMYK 60 5 80 0
RGB 112 184 101
HEX #70B865
Estas são as versões preferenciais e devem ser usadas sempre que possível.
Versão preferencial positiva.
Versão preferencial negativa.
As versões grayscale são de uso restrito, e deverão ser utilizadas somente quando não houver a possibilidade de reproduzir cores na aplicação.
Versão grayscale positiva.
Versão grayscale negativa.
As versões monocromáticas são de uso restrito, e deverão ser utilizadas somente quando não houver a possibilidade de reproduzir cores e tons na aplicação.
Versão monocromática positiva.
Versão monocromática negativa.
Agenda-Marca.zip
05.12.2019 /
11 MB
A marca faz uso do EM Amarelo e EM Laranja presentes na paleta de identidade
EM AMARELO
PANTONE 128 U
CMYK 5 18 80 0
RGB 243 203 81
HEX #F3CB51
EM LARANJA
PANTONE 173 U
CMYK 15 70 80 0
RGB 213 108 71
HEX #D56C47
Não faça aplicações em tamanhos menores do que as medidas estipuladas. Isso garante a legibilidade da marca.
Elementos externos podem prejudicar a leitura, por isso recomendamos preservar uma área equivalente a 1,5 vez o diâmetro do círculo do toggle.
Usos incorretos prejudicam a credibilidade e reconhecimento público. Por isso, a marca deve ser sempre aplicada de acordo com os padrões definidos nesse manual – não desloque ou rotacione os elementos, não aplique efeitos, bordas ou sombras e nem distorça ou altere a proporção e ordem dos elementos.
Estas são as versões preferenciais e devem ser usadas sempre que possível.
Versão preferencial positiva.
Versão preferencial negativa.
As versões grayscale são de uso restrito, e deverão ser utilizadas somente quando não houver a possibilidade de reproduzir cores na aplicação.
As versões monocromáticas são de uso restrito, e deverão ser utilizadas somente quando não houver a possibilidade de reproduzir cores e tons na aplicação.
Versão monocromática positiva.
Versão monocromática negativa.
Pague-Marca.zip
05.12.2019 /
11 MB
A marca faz uso do EM Azul e EM Azul Claro presentes na paleta de identidade. Para criar uma boa relação de contraste na aplicação negativa, acrescentamos o EM Azul Ciano.
EM AZUL
PANTONE REFLEX BLUE U
CMYK 100 85 0 0
RGB 23 71 58
HEX #17479E
EM AZUL CLARO
PANTONE 283 U
CMYK 40 10 0 0
RGB 146 197 235
HEX #92C5EB
EM AZUL CIANO
PANTONE 306 U
CMYK 70 15 0 0
RGB 39 170 225
HEX #27AAE1
Não faça aplicações em tamanhos menores do que as medidas estipuladas. Isso garante a legibilidade da marca.
Elementos externos podem prejudicar a leitura, por isso recomendamos preservar uma área equivalente a 1,5 vez o diâmetro do círculo do toggle.
Usos incorretos prejudicam a credibilidade e reconhecimento público. Por isso, a marca Escola em Movimento deve ser sempre aplicada de acordo com os padrões definidos nesse manual – não desloque ou rotacione os elementos, não aplique efeitos, bordas ou sombras e nem distorça ou altere a proporção e ordem dos elementos.
Estas são as versões preferenciais e devem ser usadas sempre que possível.
Versão preferencial positiva.
Versão preferencial negativa.
As versões grayscale são de uso restrito, e deverão ser utilizadas somente quando não houver a possibilidade de reproduzir cores na aplicação.
Versão grayscale positiva.
Versão grayscale negativa.
As versões monocromáticas são de uso restrito, e deverão ser utilizadas somente quando não houver a possibilidade de reproduzir cores e tons na aplicação.
Versão monocromática positiva.
Versão monocromática negativa.
EstouChegando-Marca.zip
05.12.2019 /
14 MB
Para esta marca, a partir da paleta de cores da identidade, criamos mais duas: o EM Verde e o EM Verde Escuro.
EM VERDE
PANTONE 360 U
CMYK 60 5 80 0
RGB 112 184 101
HEX #70B865
EM VERDE ESCURO
PANTONE 354 U
CMYK 85 15 90 0
RGB 0 156 86
HEX #009C56
Não faça aplicações em tamanhos menores do que as medidas estipuladas. Isso garante a legibilidade da marca.
Elementos externos podem prejudicar a leitura, por isso recomendamos preservar uma área equivalente a 1,5 vez o diâmetro do círculo do toggle.
Usos incorretos prejudicam a credibilidade e reconhecimento público. Por isso, a marca Escola em Movimento deve ser sempre aplicada de acordo com os padrões definidos nesse manual – não desloque ou rotacione os elementos, não aplique efeitos, bordas ou sombras e nem distorça ou altere a proporção e ordem dos elementos.
Em caso de dúvida, entre em contato.
Escola_em_movimento-PaletaCores.zip
07.01.2020 /
3 KB
Escola_em_Movimento-Marca.zip
07.01.2020 /
25 MB
Agenda-PaletaCores.zip
07.01.2020 /
3 KB
Agenda-Marca.zip
07.01.2020 /
11 MB
Pague-PaletaCores.zip
07.01.2020 /
3 KB
Pague-Marca.zip
07.01.2020 /
11 MB
EstouChegando-PaletaCores.zip
07.01.2020 /
3 KB
EstouChegando-Marca.zip
07.01.2020 /
14 MB
6 de Dezembro de 2019
Desenvolvido por Megalo
