Guia de Identidade Visual

Uma marca, várias subsidiárias

Documento interno de referência. Reúne as cores, a tipografia, o uso dos logos e o tom de escrita da Gorila Holdings, para que cada nova subsidiária, peça gráfica ou canal nasça reconhecível.

Esta página não é indexada por buscadores e só é alcançada pelo rodapé.

01

Cores

Duas cores fazem a marca — o laranja e a tinta. O resto é infraestrutura. A regra que governa todas elas: quanto menor o texto, mais escuro o laranja, porque o laranja vivo não sustenta contraste em corpo pequeno sobre fundo claro.

Laranja Gorila

#EE6A12

A cor da marca. Use sobre fundo escuro (5,30:1) ou em texto grande, de 24 px para cima. Nunca em texto pequeno sobre branco — ali ela cai para 3,13:1 e reprova.

Laranja de texto

#B84A05

A versão do laranja que funciona em corpo pequeno: links, rótulos e lemas de card sobre fundo claro. 5,22:1 sobre branco.

Tinta

#201E1D

Preto quente, nunca o preto puro. Cabeçalho, rodapé, faixas escuras, texto principal e todas as bordas de 2 px.

Papel

#F3F2F2

Fundo geral do site e dos cards vazios. Cinza claro levemente quente, para casar com a tinta.

Rótulo

#6B6767

Etiquetas em caixa alta, legendas e textos de apoio apagados. 5,58:1 sobre branco — o cinza mais claro que ainda passa.

Apoio

#444141

Texto corrido secundário, descrições de card. 10,10:1 sobre branco.

Branco

#FFFFFF

Painéis de conteúdo. No site aparece a 94% de opacidade, para a foto de fundo respirar por trás sem prejudicar a leitura.

02

Tipografia

Uma família só: Inter, com Helvetica e Arial como reserva. A personalidade vem do peso e do espaçamento, não da variedade de fontes.

56 px
peso 800
tracking −.02em

Título de página

44 px
peso 800
tracking −.02em

O lema da holding

28 px
peso 700
tracking .14em

Rótulo de faixa

24 px
peso 500
tracking normal

Texto de destaque, aquele parágrafo que abre uma seção.

17 px
peso 400
tracking normal

Texto corrido. É onde mora a maior parte do conteúdo e onde a legibilidade importa mais do que o efeito.

12 px
peso 700
tracking .20em

Etiqueta de seção

Faça

  • Reduza o espaçamento entre letras conforme a fonte cresce: .24em aos 12–13 px, .18em aos 20, .14em aos 28, .10em de 40 para cima.
  • Use tracking negativo (−.02em) em títulos grandes de caixa baixa — é o que os deixa compactos.
  • Caixa alta apenas em rótulos e etiquetas curtas, nunca em frases inteiras.

Não faça

  • Nunca use peso 900. A Inter vai até 800; acima disso o navegador engorda a letra artificialmente e o resultado fica borrado.
  • Não misture outra família tipográfica. Se precisar de contraste, mude o peso ou o tamanho.
  • Não mantenha .24em de espaçamento em corpo grande — a palavra se esgarça.

03

Logos

Cada subsidiária tem marca própria, e todas partem do mesmo desenho. Arquivos em PNG de 1024 × 1024 px com fundo transparente, na Biblioteca de Mídia.

Faça

  • Deixe uma margem livre de pelo menos um quarto da largura do logo em volta dele.
  • Sobre fundo escuro ou sobre foto, coloque o logo num painel claro sólido.
  • Largura mínima de 120 px. Abaixo disso o desenho fecha e vira borrão.

Não faça

  • Nada de distorcer, girar, inclinar ou recolorir.
  • Sem sombra, contorno, brilho ou gradiente aplicados por cima.
  • Não use o logo da Holding para representar uma subsidiária — cada uma tem o seu.

04

Imagens

O registro visual é duro e documental: arquitetura, máquina, captura de tela do próprio jogo. A graça do projeto vem da seriedade da apresentação — imagem fofa ou ilustração de banco desmonta a piada.

Faça

  • Sirva pelo caminho relativo /wp-content/uploads/... com ?w= no dobro do tamanho de exibição — uma imagem que aparece a 320 px pede ?w=640.
  • Sempre width, height e alt descritivo. loading="lazy" em tudo que não está no topo da página.
  • Use captura de tela própria dos jogos sempre que possível — é o material mais legítimo e o mais fácil de produzir.
  • Anote a origem e a licença de qualquer imagem de terceiros antes de subir.

Não faça

  • Nunca aponte para o arquivo original sem ?w=. Um PNG de 1024 px pesa quase 1 MB para aparecer do tamanho de um selo.
  • Não suba imagem achada em busca de imagens sem verificar a licença.
  • Sem caixas tracejadas de diagramação no ar. Placeholder publicado não lê como “em breve”, lê como abandonado.

05

Escrita

A Gorila Holdings escreve como uma holding de verdade escreveria. O humor nunca está na forma — está no descompasso entre a formalidade impecável e o fato de que nada disso existe.

A estrutura do lema

“Orçamento sem compromisso, serviço menos ainda.”

O lema não é uma frase fixa, é um molde. Cada subsidiária troca a palavra do meio pelo próprio ramo. Toda empresa nova já nasce com o lema pronto — basta preencher a lacuna.

GorilaLOG

“Orçamento sem compromisso, frete menos ainda.”

GorilaSPACE

“Orçamento sem compromisso, exploração espacial menos ainda.”

Como nomear

  • Nome da subsidiária: “Gorila” em caixa mista colado ao setor em caixa alta, sem espaço — GorilaLOG, GorilaSPACE.
  • Sigla: três letras, a segunda e a terceira em caixa baixa — GLg, GSp.
  • Assinatura completa: sigla, ponto medial e setor — GLg · Logística.

Faça

  • Vocabulário corporativo levado a sério: situação, em constituição, condições de mercado, deliberação do Conselho.
  • Deixe a piada aparecer no conteúdo, com cara de informação factual: “Aguarda condições de mercado — e que alguém termine de construir a primeira nave.”
  • Frases curtas e afirmativas. O tom é de comunicado, não de conversa.

Não faça

  • Sem emoji, sem gíria, sem “kkk”, sem exclamação. A formalidade é o que segura a piada de pé.
  • Não explique a piada nem avise que é brincadeira — o Aviso Legal já faz esse trabalho, e faz com cara séria.
  • Nada de linguagem de propaganda: sem “inovador”, “loável”, “experiência única”.