Olá, este é o guia de marca da Proesc!

Aqui reunimos orientações essenciais para garantir a consistência de aplicação do discurso e identidade em todos os pontos de contato da marca.

 

VAMOS LÁ?

1. INTRODUÇÃO

Somos um ecossistema completo para impulsionar o sucesso das escolas.

Comprometidos com a transformação da educação, desejamos revolucionar a gestão escolar por meio da tecnologia e o nosso ecossistema de Inteligências para que todas as escolas alcancem seu máximo potencial.

2. ESTRATÉGIA

Plataforma de marca

É o conjunto de elementos que definem a essência e a identidade da nossa marca.

Ela é como o “mapa” que orienta tudo o que a marca faz, desde o design de produto até campanhas de comunicação, garantindo que suas mensagens sejam consistentes e alinhadas com sua essência e objetivos.

A nossa plataforma de marca inclui os ‘7 Ps’ da Proesc: propósito, pilares, potência, posicionamento, personalidade, públicos, proposta de valor e promessa.

Saiba mais sobre cada item da nossa plataforma:

Arquivos para download

Plataforma de marca

Proesc-PlataformadeMarca.pdf
12.05.2021 / 986 KB

3. UNIVERSO VISUAL

Símbolo

Nosso símbolo representa diversos conceitos que refletem a essência da Proesc.

De maneira geral, nosso símbolo representa a ideia de Ecossistemas. Na Proesc eles são 3: O ecossistema natural que mostra a força e o valor da nossa origem Amazônica, o ecossistema de startups que mostra a nossa liderança no movimento de inovação e o ecossistema de Inteligências que é a chave para podermos desbloquear o sucesso das escolas.

Mas além disso, o nosso símbolo também representa outros conceitos ligados à essência da nossa marca: a conexão com as pessoas, a tecnologia para transformar a gestão, a ideia de sermos uma solução completa (tudo em um só lugar) e as 6 inteligências da Proesc.

Variações

O símbolo pode ser utilizado sem o acompanhamento do logotipo. Sobre diferentes fundos, ele deve ser aplicado nos tons de verde da paleta principal para garantir o melhor contraste, como exemplificado ao lado.

Exemplos de aplicação

Arquivos para download

Símbolo

Proesc-Simbolo.zip
12.09.2024 / 8 MB

Marca

Nossa marca é composta pela união de um símbolo e um logotipo (lettering) construídos para representar a essência da Proesc.

As versões preferenciais da marca devem ser utilizadas sempre que possível, em suas formas horizontais ou verticais, positivas ou negativas. Já as versões alternativas da marca podem ser utilizadas quando não houver possibilidade de aplicar as versões preferenciais.

Versões preferenciais

Horizontais

Estas são as versões horizontais da marca. Sobre fundos claros, utilizamos as versões positivas, sobre fundos escuros, as negativas, de modo que haja contraste suficiente para garantir a leitura da marca.

Verticais

Estas são as versões verticais da marca. Sobre fundos claros, utilizamos as versões positivas, sobre fundos escuros, as negativas, de modo que haja contraste suficiente para garantir a leitura da marca.

Versões alternativas

Cor única

Nas versões de cor única não há diferença entre a cor do símbolo e do logotipo. A marca pode ser aplicada nos tons Verde Amazônia, Verde Amapá e Verde Vitória-Régia da paleta principal, ou em Branco.

Preto & Branco

As versões em preto e branco são utilizadas para materiais em que há alguma restrição quanto ao uso de cores ou para aplicações impressas especiais como verniz ou gravação a laser.

Exemplos de uso

Orientações

Aplicação sobre fundos

Sobre cada cor de fundo aplicamos a versão da marca com melhor contraste. Sobre fotografias é indicado utilizar as versões de cor única, escolhendo uma cor que preserve a legibilidade da marca.

Redução

Em materiais impressos, não devemos fazer aplicações em tamanhos menores do que as medidas aqui definidas. Isso garante a perfeita reprodução e legibilidade da marca. Em peças digitais utilize o bom senso aplicando a marca de forma que ela possa ser lida corretamente.

Área de proteção

Para que elementos externos não prejudiquem a leitura, é recomendado resguardar uma área mínima com espessura equivalente à largura do símbolo ao redor da marca. Esta orientação é válida para todas as versões da marca.

Usos incorretos

Usos incorretos prejudicam o reconhecimento da marca. Por isso, ela deve ser sempre aplicada de acordo com os padrões definidos neste manual – evite as aplicações exemplificadas a seguir. Isto vale para todas as versões da marca.

Não distorça.

Não altere a proporção dos elementos.

Não altere a posição dos elementos.

Não utilize outline.

Não utilize cores não autorizadas.

Não aplique efeitos e sombras.

Não rotacione.

Não aplique estampas.

Arquivos para download

Versões da marca

Proesc-VersoesdaMarca.zip
20.01.2023 / 28 MB

Assinatura

A assinatura de marca ou tagline é uma frase curta e impactante que resume a promessa da marca de maneira clara e poderosa.

Nossa assinatura, “Gestão escolar inteligente”, resume de maneira simples e direta “O que fazemos” e “Como fazemos” para concretizar a nossa promessa de marca.
Não existe uma regra de quando a marca deve ou não ser aplicada junto da assinatura. É importante avaliar se o público que vai receber a mensagem precisa ser informado da proposta de valor da marca e nesses casos usar a assinatura junto da marca. Caso a frase gestão escolar inteligente já apareça na peça como em vários exemplos mostrados neste manual, não é necessário aplicar a marca junto da assinatura.

Regras de aplicação

As regras de utilização para as versões da marca com assinatura são as mesmas para a aplicação da marca principal nas versões horizontal e vertical. O único cuidado a ser observado é sempre aplicar a assinatura na mesma cor que o símbolo.

Aplicações sobre fundos coloridos

Exemplos de uso

Arquivos para download

Assinatura

Proesc-Assinatura.zip
16.09.2024 / 17 MB

Cores

A cor é uma das principais ferramentas para expressar a nossa identidade. Nossa paleta principal é composta por tons de Verde, mas também temos paletas secundárias em tons de Azul e Roxo e uma paleta de cores de apoio que representam as 6 inteligências da Proesc. A seguir identificamos cada cor e demonstramos as proporções ideais de aplicação.

Paleta principal

VERDE AMAZÔNIA

Pantone 357 C
R
20 G90 B45
C90 M40 Y100 K35
#145A2D

VERDE AMAPÁ

Pantone 368 C
R
100 G205 B50
C60 M0 Y100 K0
#64CD32

VERDE VITÓRIA-RÉGIA

Pantone 2298 C
R
180 G240 B105
C30 M0 Y80 K0
#B4F069

VERDE JADE

Pantone 7485 C
R
240 G255 B230
C5 M0 Y10 K0
#F0FFE6

Paleta secundária

Tons de azul

AZUL AMAPÁ

Pantone 2935 C
R
0 G90 B160
C100 M75 Y0 K0
#005AA0

AZUL FOZ

Pantone 659 C
R
110 G170 B255
C55 M25 Y0 K0
#6EAAFF

AZUL AFLUENTE

Pantone 636 C
R
125 G240 B240
C45 M0 Y10 K0
#7DF0F0

AZUL NASCENTE

Pantone 656 C
R
230 G240 B255
C10 M5 Y0 K0
#E6F0FF

Tons de roxo

ROXO AÇAÍ

Pantone 2607 C
R
75 G40 B115
C90 M100 Y25 K0
#4B2873

ROXO CARÁ

Pantone 2095 C
R
145 G110 B255
C60 M70 Y0 K0
#916EFF

ROXO BROMÉLIA

Pantone 2705 C
R
175 G155 B255
C40 M45 Y0 K0
#AF9BFF

ROXO AMETISTA

Pantone 663 C
R
230 G230 B255
C10 M10 Y0 K0
#E6E6FF

Paleta de apoio (inteligências)

RELACIONAMENTO

Pantone 360 C
R
127 G230 B156
C70 M0 Y95 K0
#51E995

DADOS

Pantone 7465 C
R
0 G200 B170
C70 M0 Y45 K0
#00C8AA

FINANCEIRA

Pantone 325 C
R
0 G230 B220
C60 M0 Y20 K0
#00DCDC

EDUCACIONAL

Pantone 306 C
R
0 G180 B225
C70 M5 Y5 K0
#00B4E1

DESIGN

Pantone 299 C
R
5 G160 B255
C75 M20 Y0 K0
#05A0E1

ESTRATÉGICA

Pantone 100 C
R
0 G120 B210
C80 M50 Y0 K0
#0078D2

Combinação de cores

A sobreposição de cores pode e deve existir desde que respeite os limites de contraste entre elas. Aqui trazemos sugestões de combinação de cor entre elementos textuais e gráficos sobre diferentes cores de fundo.

Exemplos de aplicação

Arquivos para download

Cores

Proesc-Cores.zip
12.05.2021 / 6 MB

Tipografia

Nossa tipografia institucional é a Sora, uma família com traços nostálgicos de tipografia de tela, mas desenvolvida para o ambiente digital de hoje. A altura considerável das letras minúsculas e o espaço generoso das contraformas fazem dela uma boa tipografia para interfaces digitais, nas quais a clareza e legibilidade nos mais diversos tamanhos é essencial.

Hierarquia

Utilize a imagem abaixo como um guia para a criação de hierarquias tipográficas. Sugerimos o uso dos pesos SemiBold e Bold para títulos e chamadas e os pesos Regular e Light para corpo de texto.

Exemplos de aplicação

Arquivos para download

Tipografia

Sora.zip
19.08.2020 / 568 KB

Grafismo

Nossos grafismos seguem a linha visual arredondada do símbolo e representam os conceitos de conexão, crescimento, flexibilidade e transformação, por isso não são fixos e estáticos, devem ser construídos de acordo com as necessidades e características do layout.

Interação com outros elementos

Podemos criar interações com textos e imagens, além de utilizar o grafismo como plano de fundo. O uso do grafismo ajuda a dar destaque para esses elementos e traz dinamismo para os materiais.

Exemplos de aplicação

Construção do grafismo

O grafismo é formado por círculos, quadrados e retângulos de cantos arredondados. Para criar novas composições, basta combinar as formas geométricas e conectá-las em ângulos de 45 graus. Algumas formas circulares podem ser incluídas nos arranjos sem que estejam conectadas, dando a impressão de expansão.

Usos incorretos

Não conectar elementos na horizontal ou vertical.

Não utilizar outras formas geométricas para construir o grafismo.

Não sobrepor as formas do grafismo.

Arquivos para download

Grafismos

Proesc_Grafismo.zip
12.05.2021 / 69 MB

Fotografia

Nas fotografias devemos buscar representar todos os nossos públicos, inclusive colaboradores da Proesc. É possível utilizar fotos de indivíduos sozinhos, assim como interagindo entre si, tanto em imagens recortadas quanto ambientadas. Também é importante que o pluralismo seja representado em nossa comunicação: escolha pessoas diversas – mulheres e homens, de diferentes fenótipos e idades.

Conexão

Com auxílio do grafismo, podemos mostrar a conexão e interação entre pessoas, principalmente entre um colaborador e um cliente da Proesc.

Usos incorretos

Não utilizar imagens com iluminação artificial ou luzes estouradas.

Evitar imagens perceptivelmente artificiais.

Evitar imagens de pessoas com expressão facial e corporal muito séria ou negativa.

Exemplos de aplicação

Outros elementos

Ícones

Os ícones seguem a linha visual arredondada do símbolo. Podemos utilizar a biblioteca de ícones do Google como base para construir outras figuras seguindo estas especificações:

Weight: 300

Grade: 0

Optical size: 24 px

Style: Rounded

Visualização de dados

Os gráficos também acompanham a linguagem visual do símbolo. Devemos utilizar linhas e formas com extremidades arredondadas e as cores das paletas principal e secundária para diferenciar os elementos.

Exemplos de aplicação

Arquivos para download

Ícones e Visualização de dados

Proesc-Icones-VisualizacaodeDados.zip
12.09.2024 / 1 MB

Verticais de negócio

Como um ecossistema em constante evolução e expansão, a Proesc pode ter novos produtos ou verticais de negócio que necessitem de uma identificação própria, como Proesc Gov e Proesc Bank, por exemplo. Ambas possuem versões de marca e paletas de cores próprias, que diferenciam suas aplicações da marca principal da Proesc.

Exemplos de aplicação

Novas verticais

Ao desenvolver submarcas para novas verticais de negócio, devemos seguir o padrão exemplificado. Criamos um nome curto – aplicado na fonte institucional – e selecionamos duas cores distintas das cores da Proesc: um tom mais claro para o símbolo e o nome da vertical, e um mais escuro. Para todas as verticais criadas, nas versões positivas da marca o logotipo deve ser aplicado em Verde Acinzentado, já nas versões negativas, em Branco. Para manter sempre o mesmo padrão, utilize os arquivos disponibilizados para download como guia.

VERDE ACINZENTADO

Pantone 7477 C
R
0 G85 B95
C90 M50 Y50 K30
#00555F

TOM ESCURO

TOM MÉDIO

BRANCO

Arquivos para download

Modelo para Verticais de negócio

Proesc-Modelo-VerticaisdeNegocio.zip
12.09.2024 / 550 KB

4. SOBRE O GUIA

Sobre o Guia

Esperamos que este guia ajude na aplicação da marca Proesc e fortaleça ainda mais a nossa comunicação.

Este manual foi pensado nos mínimos detalhes para que nossas parcerias tenham um material de consulta rápida, efetiva e constante.

Em caso de dúvidas, entre em contato com a nossa equipe.