Linguagem de marca Bom Saber

Este guia reúne orientações essenciais para o uso adequado da marca Bom Saber, garantindo que sua identidade se apresente de forma coerente. Nele, compartilhamos com você norteadores para uma comunicação harmoniosa.

VAMOS LÁ?

1. INTRODUÇÃO

O Bom Saber é uma iniciativa criada pela SM Educação e a Escola da Serra

A parceria nasce para desmistificar o novo ensino médio, mostrando que ele é um formato possível e mais eficiente para alunos e educadores.

2. MANUAL DE APLICAÇÃO DA MARCA

Aplicação de marca

Versão preferencial

Essa é a versão preferencial e deve ser usada sempre que possível.

Versão preferencial da marca.

Versões secundárias

Caso não haja contraste suficiente entre as cores da versão preferencial e o fundo aplicado, disponibilizamos duas opções: uma delas possui apenas o símbolo negativo, possibilitando o uso em fundos como o amarelo;  a outra possui a tipografia negativa, para favorecer a leitura em fundos escuros.

Versão secundária símbolo negativo.

Versão secundária negativa.

Versões monocromáticas

De uso restrito; devem ser utilizadas somente quando não houver a possibilidade de reprodução da marca em cores.

Versão monocromática positiva.

Versão monocromática negativa.

Arquivos para download

Marca

BomSaber-Marca.zip
02.08.2019 / 2 MB

Área de proteção

Para que elementos externos não prejudiquem a leitura, é recomendado resguardar uma área com o tamanho do símbolo check da marca.

Redução

Calculamos medidas mínimas para manter a legibilidade e uma boa reprodução da marca em diversas situações. Não faça aplicações em tamanhos menores do que as medidas estipuladas.

Usos Indevidos

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, não remova elementos e nem distorça ou altere a proporção e ordem dos elementos.

Aplicações sobre
fundos coloridos

A marca pode ser aplicada sobre todas as cores da identidade; sempre respeitando os limites de contraste com o fundo.

3. IDENTIDADE VISUAL

Universo visual

Linguagem da marca

A linguagem da marca é como o projeto Bom Saber 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: cores, tipografias, ícones, elementos gráficos e tratamento fotográfico.

Cor

A cor é uma das principais ferramentas para expressar a identidade do Bom Saber. A paleta cromática vibrante foi inspirada no universo escolar; passando por canetas esferográficas, canetas marca-texto e post-its. Todas as  cores que compõem a paleta podem ser utilizadas na composição de layouts e textos. Apenas a cor Azul Escuro não deve ser utilizada como cor de background das peças.

Cores Principais

AZUL ESCURO

RGB 1 27 11
CMYK 100 95 20 15
HEX #011b7a

AMARELO

RGB 241 236 0
CMYK 10 0 100 0
HEX #f1ec00

Cores de apoio

AZUL MÉDIO

RGB 8 42 180
CMYK 95 90 0 0
HEX #082ab4

ROSA ESCURO

RGB 255 110 201
CMYK 5 70 0 0
HEX #ff6ec9

AZUL CLARO

RGB 133 221 233
CMYK 40 0 10 0
HEX #85dde9

LARANJA

RGB 255 109 240
CMYK 0 70 90 0
HEX #ff6d28

ROSA CLARO

RGB 249 150 223
CMYK 0 45 0 0
HEX #f996df

BRANCO

RGB 255 255 255
CMYK 0 0 0 0
HEX #fffffff

Exemplos de aplicação

Arquivos para download

Paleta de cores

BomSaber-Cores.zip
02.08.2019 / 3 KB

Tipografia

A escolha tipográfica de uma marca é essencial para criar um universo visual consistente. O Bom Saber conta com três famílias distintas para materiais institucionais e, na impossibilidade de estas serem aplicadas, uma tipografia de sistema.

PARA TÍTULOS 

A família tipográfica para títulos é a Zuume Soft, no peso Extrabold. Pode ser utilizada em composições apenas tipográficas, ou sobrepondo fotografias.

PARA TEXTOS

A Montserrat foi escolhida pela sua variedade de pesos e versatilidade, tanto no ambiente digital quanto no impresso. Todos os pesos podem ser usados em textos de apoio, subtítulos, destaques de informações.

PARA DESTAQUES

Gochi Hand é um tipografia manuscrita que foi pensada para ser utilizada apenas em destaques e citações, simulando pequenos rascunhos escritos à mão.

PARA FONTE DE SISTEMA

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.

Elementos gráficos para destaque textual

MARCA-TEXTO

Disponibilizamos diversos elementos para composição do realce marca-texto, a depender da necessidade da composição. É importante manter a coerência na escolha da informação destacada, garantindo o uso adequado da ferramenta.

RASCUNHO À CANETA

Assim como o recurso marca-texto, disponibilizamos esses elementos como uma alternativa para destacar informações importantes. Para evitar conflitos visuais, não sobrepor ou utilizar as duas ferramentas na mesma frase.

Como aplicar o efeito marca-texto?

Selecione o texto desejado.

Aplique o efeito Multiply no texto da janela Transparência do Illustrator.

Acrescente o elemento gráfico marca-texto para obter o efeito.

Combinações de cores possíveis para o efeito marca-texto

Para obter a sensação de multiplicação de cor que simula o efeito desejado, utilize as combinações apresentadas aqui.

Exemplos de aplicação

Arquivos para download

Tipografias

BomSaber-Tipografias.zip
02.08.2019 / 2 MB

Elementos gráficos textuais

BomSaber-ElementosGráficosTextuais.zip
02.08.2019 / 628 KB

Ícones

A identidade conta com uma família de ícones que dialoga com o universo do professor. O tratamento utilizado remete a desenhos feitos à mão com canetas esferográficas.

Linguagem

Ilustração

Os ícones foram feitos com traços simples, de caráter ilustrativo, trazendo personalidade e naturalidade aos desenhos. É importante garantir a fácil compreensão e relação com universo escolar.

Traço

O tratamento de brushes escolhido remete a traços de caneta esferográfica. Caso novos ícones sejam criados, preservar as características manuais, como rasuras e falhas.

Cores

Para remeter ainda mais as canetas esferográficas, os ícones devem ser aplicados nas cores azul, vermelho e preto.

AZUL MÉDIO

RGB 8 42 180
CMYK 95 90 0 0
HEX #082ab4

VERMELHO

RGB 221 56 23
CMYK 5 90 100 0
HEX #dd3817

PRETO

RGB 0 0 0
CMYK 0 0 0 100
HEX #000000

Usos incorretos

Não modifique os traços dos desenhos.

Não aplique os ícones junto as fotografias.

Não sobreponha textos.

Não altere a relação de cores estabelecida.

Exemplos de aplicação

Arquivos para download

Ícones

BomSaber-Ícones.zip
02.08.2019 / 16 MB

Tratamento fotográfico

Efeito

As fotos recebem um tratamento preto e branco, sempre mesclada à cor de fundo. É importante que a luz da foto não estoure, para não perder definição das áreas.

 

Diversidade

É importante que a multiculturalismo seja representado em nossa comunicação. Escolha fotos com pessoas diversas, como os educadores do nosso país são.

Exemplos de aplicação

Arquivos para download

Tratamento fotográfico

BomSaber-TratamentoFotográfico.zip
23.02.2021 / 73 MB

4. TEMPLATES

Templates

Facilidade e praticidade

Modelos de arquivos predefinidos e editáveis de acordo com a sua demanda.

Banners para site (1920x600px)

Email marketing (600x900px)

Capa de facebook  (851x315px)

Instagram stories (1920x1080px)

Postagens redes sociais (1080x1080px)

Apresentação Power Point (tamanho padrão)

Banner impresso (90x130cm)

Flyer impresso (15x21cm)

Arquivos para download

Templates

BomSaber-Templates.zip
24.02.2021 / 77 MB