Manual de marca · versão 1.0

Identidade visual do Instituto.

Guia para aplicar a marca Instituto Vaquinha do Bem com consistência no site, nas redes, em materiais impressos e em parcerias.

01 · Conceito

Uma pessoa de braços abertos. Um V de vitória coletiva.

O símbolo é formado por dois traços que se encontram na base, como braços erguidos que acolhem e celebram, com um círculo ao centro: a pessoa. Lido de outra forma, é a letra V do nosso nome e o gesto de quem conquista algo junto com os outros.

Os dois braços têm cores diferentes, Coral e Girassol, para lembrar que o bem acontece quando forças distintas se encontram em um mesmo ponto.

Símbolo
02 · Logotipo

Assinaturas

A assinatura horizontal é a principal. Use a vertical em formatos quadrados ou estreitos e o símbolo isolado apenas em espaços reduzidos (avatar, favicon, selo), quando o nome completo já aparecer por perto.

InstitutoVaquinha do Bem
Horizontal · principal
InstitutoVaquinha do Bem Horizontal · negativa
InstitutoVaquinha do Bem
Vertical
Mono branco
Mono anil
Símbolo negativo
Ícone de app
03 · Área de proteção e tamanho mínimo

Espaço para respirar

A medida x equivale ao diâmetro do círculo do símbolo. Mantenha no mínimo 1x livre de textos, imagens ou bordas em todos os lados da assinatura.

  • HorizontalMínimo de 140 px de largura na tela ou 35 mm impresso.
  • VerticalMínimo de 90 px de largura na tela ou 22 mm impresso.
  • SímboloMínimo de 16 px na tela ou 6 mm impresso.
InstitutoVaquinha do Bem
04 · Cores

Uma paleta quente, acolhedora e sem verde.

Coral é a cor da ação (botões e destaques), Anil é a cor da confiança (textos, fundos institucionais) e Girassol traz luz e otimismo. Areia é o fundo padrão. Clique em uma cor para copiar o código.

Principais

Apoio · frentes de atuação

Proporção de uso

05 · Tipografia

Duas famílias, papéis bem definidos

Ambas são gratuitas (Google Fonts, licença OFL) e funcionam no site, em apresentações e em peças gráficas.

TítulosFrauncesSemiBold 600 · Soft
Aa Bem

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ãçéêõ !?&

Serifada calorosa e humana. Usada em títulos, no nome da marca e em citações. O itálico em Coral destaca a ideia principal de um título.

Textos e interfacePlus Jakarta Sans400 · 600 · 800
Aa 123

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ãçéêõ !?&

Sem serifa moderna e legível. Usada em textos corridos, botões, menus e no termo “INSTITUTO” da assinatura (ExtraBold, caixa alta, espaçado).

H1 · 64 a 70 pxQuando a gente se junta
H2 · 40 a 48 pxOnde o bem acontece
H3 · 22pxEscolha uma causa
Destaque · 13pxFrentes de atuação
Texto · 17pxCada contribuição, somada, vira livro, prato cheio, cuidado e teto seguro.
06 · Elementos gráficos

Formas que acolhem

Arcos, círculos e "gotas" (quarto de círculo) derivam do símbolo. Use-os como fundo, moldura de fotos ou composição, sempre com cantos arredondados e nunca com sombras pesadas.

Composição de formas: capas, banners e redes sociais.

Trama de pontos: textura discreta sobre fundos Anil.

Padrão de arcos: embalagens, brindes e papelaria.

Fotografia

Pessoas reais, em ação e com dignidade. Luz natural e tons quentes. Sempre com autorização de uso de imagem.

Cantos

Raios de 10, 18 e 28 px. Botões sempre totalmente arredondados (formato pílula).

Evite

Imagens de sofrimento para gerar culpa, filtros frios, cantos retos e degradês fora da paleta.

07 · Iconografia

Ícones de linha, traço arredondado

Grade de 24 px, traço de 1,8 px, pontas e cantos arredondados. Em destaque, aplique sobre um quadrado arredondado na versão clara da cor da frente.

doação
educação
alimentação
saúde
comunidades
voluntariado
empresas
mensal
segurança
transparência
resultados
metas
pessoas
crescimento
pix
documentos
08 · Tom de voz

Falamos como gente que faz junto

Próximos, otimistas e sérios com o que importa. Escrevemos na primeira pessoa do plural, com frases curtas e sem jargão.

Acolhedor, nunca piegas

“Sua parte faz toda a diferença.”

“Sem você, essas crianças vão sofrer.”

Concreto, nunca vago

“R$ 50 compram 10 livros para a Biblioteca Viva.”

“Ajude a mudar o mundo!!!”

Transparente, nunca defensivo

“A meta não foi atingida; veja o que fizemos com o valor arrecadado.”

“Informações disponíveis mediante solicitação.”

Coletivo, nunca heroico

“Juntos, levamos comida a mais cozinhas.”

“O Instituto salvou a comunidade.”

09 · Distinção de marca

Uma marca própria, inconfundível.

“Vaquinha” é uma expressão popular brasileira. Para que o Instituto nunca seja confundido com plataformas, aplicativos ou empresas de financiamento coletivo de terceiros, siga estas regras em todas as peças.

  • Sempre o nome completo“Instituto Vaquinha do Bem”. Nunca abrevie para “Vaquinha” sozinho, nem use apelidos ou siglas no lugar do nome.
  • Grafia única“Vaquinha”, com “qu”. Não use grafias alternativas, trocadilhos com outras letras ou o nome todo em minúsculas.
  • Sem verde como cor principalNossas cores são Coral, Anil e Girassol. Verde não faz parte da paleta institucional.
  • Sem mascote ou desenho de vacaO símbolo é a pessoa de braços abertos. Não crie personagens, chifres, manchas ou outras referências ao animal.
  • Somos instituto, não plataformaEvite frases como “crie sua vaquinha” ou “arrecade para você”. Nós apoiamos e executamos projetos sociais próprios e de parceiros.
  • Dados institucionais visíveisEm peças de arrecadação, inclua a razão social e o CNPJ: Instituto Vaquinha do Bem LTDA · 66.240.588/0001-69.
10 · Usos corretos e incorretos

O que não fazer com a assinatura

InstitutoVaquinha do Bem
✓Assinatura original, em fundo claro e com área de proteção.
InstitutoVaquinha do Bem
✕Não distorça, estique ou comprima a assinatura.
InstitutoVaquinha do Bem
✕Não troque as cores, especialmente por tons de verde.
Vaquinha
✕Não remova “Instituto” nem encurte o nome.
InstitutoVaquinha do Bem
✕Não substitua as fontes oficiais.
InstitutoVaquinha do Bem
✕Não aplique sobre fundos poluídos ou sem contraste.
11 · Downloads

Arquivos da marca

Arquivos vetoriais (SVG) prontos para uso digital. Para impressão, solicite os arquivos com fontes convertidas em curvas.