Thiago

Identidade visual para redes sociais · 2024

Grafismo, pictogramas e posts para uma escola de negócios de São Paulo, construídos a partir do símbolo que a marca já tinha.

Role para conhecer o projeto

Símbolo como no guia

Recorte isola as barras

Módulo base do grafismo

01 — Símbolo

Do símbolo, um recorte. Do recorte, um sistema.

O círculo com quatro barras coloridas já era a marca da Rock Ensina e continua exatamente como está no guia. A identidade para as redes parte dele: um quadrado isola as barras e o miolo dos arcos, e esse recorte vira o módulo do grafismo.

As pontas arredondadas, os arcos e as diagonais a 45° voltam em todas as formas que vêm depois: nos pictogramas, nos padrões e nas molduras das fotos.

02 — Grafismo

Oito pictogramas, um só vocabulário.

Cada pictograma traduz um tema da escola com as mesmas peças: círculos, quartos de círculo, a barra arredondada do símbolo e as quatro cores sobre o azul-noite. Juntos, eles se encaixam num padrão que emoldura fotos e chamadas.

  • Pictograma sucesso: taça em vermelho e azul-noite com duas estrelas de quatro pontas sucesso
  • Pictograma autoconhecimento: perfil de uma cabeça com uma lâmpada no lugar da mente, sobre azul autoconhecimento
  • Pictograma gerações: três figuras de tamanhos diferentes feitas de círculos e arcos, em verde e azul-noite gerações
  • Pictograma propósito: corações vermelhos empilhados formando setas para baixo propósito
  • Pictograma atenção: olho aberto com íris azul e raios nos cantos atenção
  • Pictograma criatividade: ponta de lápis desenhando uma linha, sobre amarelo criatividade
  • Pictograma essencialismo: alvo em azul e branco com uma fatia aberta essencialismo
  • Pictograma comunicação: dois balões de conversa vermelhos com reticências comunicação
Padrão do grafismo com as quatro cores da marcaPadrão do grafismo em azulPadrão do grafismo em vermelhoPadrão do grafismo em laranjaPadrão do grafismo em verde
O padrão na versão com todas as cores e em uma cor só: azul, vermelho, laranja ou verde.

03 — Tipografia

Barlow

A Barlow é a fonte institucional do guia da marca e a base do logotipo. Nas redes, ela cuida dos textos e ganha a companhia da Massima, uma geométrica que homenageia o design de meados do século XX e assina as chamadas grandes. Como a Massima é comercial, os títulos desta página usam a Jost, gratuita e de desenho próximo.

Família
Barlow — Jeremy Tribby
Licença
SIL Open Font License · Google Fonts
Logotipo
Barlow SemiBold, estilizada
Nas redes
Massima (Plau) nos títulos · Barlow nos textos
Nesta página
Jost nos títulos, no lugar da Massima
Documentos
Calibri, quando a Barlow não estiver disponível

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

04 — Princípios

Ensinar negócios com atitude: a régua da Bauhaus, a energia do rock e lugar para todas as gerações na mesma sala.

  1. 01

    Encontro de gerações

    Do Bauhaus ao contemporâneo, a nova identidade busca o minimalismo e o essencialismo desta famosa escola vanguardista, com um toque de dinamismo e fluidez característicos dos atributos da marca.

  2. 02

    Mantendo a essência

    Aproveitando elementos característicos da marca atual, como o símbolo e as cores, agora potencializados.

  3. 03

    Referência discreta

    O rock enquanto gênero musical deixa de ser a principal referência da marca, tendo uma associação mais discreta.

05 — Cores

As quatro cores do símbolo, agora em primeiro plano.

Azul, vermelho, verde e amarelo são as cores institucionais do guia da marca, as mesmas do símbolo. Nas redes, elas saem do símbolo e ocupam fundos, molduras e o grafismo, quase sempre sobre um azul-noite que segura o contraste. O grafite segue no logotipo; o gelo é o branco dos pictogramas.

CMYK oficial nas cinco cores do guia da marca; no azul-noite e no gelo, aproximado — confirme no perfil da gráfica.

Azul

Símbolo · destaque principal

HEX
#3185FC
RGB
49 133 252
CMYK
100 20 0 0

Aa 4.3:1 · AA grande

Vermelho

Símbolo · chamadas

HEX
#FF513D
RGB
255 81 61
CMYK
0 80 75 0

Aa 4.8:1 · AA

Verde

Símbolo · grafismo

HEX
#29BF12
RGB
41 191 18
CMYK
80 0 100 0

Aa 6.3:1 · AA

Amarelo

Símbolo · destaques

HEX
#FCBA04
RGB
252 186 4
CMYK
0 30 100 0

Aa 8.9:1 · AAA

Azul-noite

Fundo das redes

HEX
#1E233C
RGB
30 35 60
CMYK
78 75 57 46

Aa 14.3:1 · AAA

Grafite

Logotipo

HEX
#26272C
RGB
38 39 44
CMYK
15 10 0 90

Aa 13.8:1 · AAA

Gelo

Branco do grafismo

HEX
#E8ECF2
RGB
232 236 242
CMYK
6 5 2 3

Aa 13.0:1 · AAA

06 — Sistema

A marca do guia, sem mudar uma linha.

Versão preferencial colorida
Símbolo Isolado só em materiais aprovados, como pede o guia.
Monocromático
Negativo monocromático
Negativo colorido
Área de não-interferência 0,75x do símbolo em volta do logo; mínimo de 135 px (24 mm) nesta versão.

07 — Redes sociais

Do feed ao YouTube, a mesma voz.

Todas as peças do projeto, separadas por formato: feed do Instagram, stories e reels, e capas de vídeo. O grafismo emoldura as fotos, as cores se revezam de uma peça para outra e as chamadas ganham peso na tipografia.

Feed do Instagram

Posts quadrados e em retrato 4:5, e o perfil montado com a grade de peças e os pictogramas nos destaques.

Perfil no Instagram (estudo)
Post com mulher segurando cadernos e café sobre fundo azul, e o texto “Propostas de desenvolvimento com acompanhamento e relatório periódico”
Post · 1:1
Post “Rock Líder”: mulher de braços cruzados atrás das letras gigantes e a frase “Desperte um talento há muito tempo adormecido”
Post “Gamificação” com um palestrante apontando, de microfone na mão
Post “Rock Skills”: homem sentado com notebook entre formas verdes do grafismo
Post “Rock Planeja”: mulher sorrindo olhando o celular, com grafismo vermelho e o olho do pictograma atenção
Post “Rock Vendas”: mulher de blazer com o celular, grafismo amarelo e laranja
Post claro com mulher segurando um notebook, moldura colorida e o texto “A tendência de ensino prático, com foco em negócios”
Post “Formação prática com foco em negócios” sobre fundo claro, com moldura de grafismo
Post “Formação prática com foco em negócios” sobre fundo azul-noite, com grafismo colorido
Post “Cada cor, um perfil. Cada perfil, um potencial!” com quatro fotos em azul, amarelo, verde e vermelho
Post “Treinamento não pode ser tamanho único” com duas pessoas conversando entre formas amarelas
Post · retrato 4:5
Post “Uma abordagem educacional vibrante e poderosa” com homem de camisa escura segurando o celular
Post “Formação prática com foco em negócios” com mulher de blazer e o nome rockensina em vermelho ao fundo
Post “Gamificação” em retrato, com mulher segurando um tablet entre formas verdes
Post escuro com homem olhando um tablet e o texto “A tendência de ensino prático, com foco em negócios, que gera resultado”

Stories e reels

Story em 9:16 e três capas de reels, no formato em que aparecem no celular.

Story com mulher de fone sem fio segurando um notebook, moldura de pictogramas e o texto “A tendência de ensino prático, com foco em negócios, que gera resultado”
Story
Capa de reels “Uma abordagem educacional vibrante e poderosa” com homem de barba e grafismo amarelo
Reels
Capa de reels “Gamificação” com homem sorrindo e grafismo verde
Reels
Capa de reels com homem grisalho sorrindo e o texto “Desperte um talento há muito tempo adormecido” em caixa amarela
Reels

Key visual e YouTube

A campanha “Você no controle da sua carreira” e as capas de vídeo nas versões vermelha e azul.

Key visual “Você no controle da sua carreira”: mulher sorrindo diante de um círculo azul, grafismo colorido à esquerda e o logo rockensina
Key visual · estudo da campanha
Capa de vídeo “Perfil profissional, como descobrir?” com palestrante ao microfone e grafismo vermelho
Capa para YouTube
Capa de vídeo “Perfil profissional, como descobrir?” na versão com grafismo azul
Capa para YouTube · versão azul

Você no controle da sua carreira.

Cliente
Rock Ensina
Segmento
Educação · escola de negócios
Ano
2024
Serviços
Identidade visual para redes sociais · grafismo · pictogramas · posts, stories, reels e capas
Logo
Marca do cliente, mantida como no guia
Design
Thiago Miedes

Tem uma marca para construir?

Vamos conversar
Próximo case Confraria dos Aromas Bem-estar · aromas