A anatomia de um logo: cada parte explicada

Um logo é montado a partir de um pequeno conjunto de peças nomeadas — o símbolo, o logotipo, um slogan opcional — e regido por algumas regras: a área de proteção ao redor dele, seu tamanho mínimo, e os lockups que definem como as peças são organizadas. Nem todo logo usa todas elas (um logo apenas de logotipo não tem um símbolo separado), mas o vocabulário é o mesmo, e é a partir dele que o manual de marca é construído.

Nesta página
  1. Quais são as partes de um logo?
  2. O símbolo (ícone)
  3. O logotipo
  4. O slogan
  5. Área de proteção (a zona de exclusão)
  6. Tamanho mínimo
  7. Lockups: primário, secundário e apenas símbolo
  8. Por que a anatomia importa
  9. Como transformar as partes em regras úteis
Um logo combinado com seu símbolo, logotipo e slogan identificados.
As partes comuns de um logo: o símbolo, o logotipo e um slogan opcional.

Um logo é montado a partir de um pequeno conjunto de peças nomeadas — o símbolo, o logotipo, um slogan opcional — e regido por algumas regras: a área de proteção ao redor dele, seu tamanho mínimo, e os lockups que definem como as peças são organizadas. Nem todo logo usa todas elas (um logo apenas de logotipo não tem um símbolo separado), mas o vocabulário é o mesmo, e é a partir dele que o manual de marca é construído.

O símbolo (ícone)

O símbolo é a parte simbólica de um logo — o ícone que muitas vezes pode ficar sozinho quando uma marca já é conhecida. É o que aparece como ícone de aplicativo ou favicon quando não há espaço para o nome completo. Decidir se você realmente precisa de um símbolo separado é uma questão de tipo de logo; veja os sete tipos de logo.

O logotipo

O logotipo é o nome da marca em uma forma tipográfica específica e consistente. Fonte, espaçamento e kerning, proporções e detalhes personalizados opcionais constroem a identidade. Pode usar uma fonte existente ou letras sob medida; desenho manual e alterações nos caracteres não são obrigatórios. Aprove uma versão fixa e use-a de forma consistente.

O slogan

Um slogan é uma frase curta fixada ao logo em alguns layouts. É opcional, e como geralmente é removido em tamanhos pequenos, um logo sempre precisa funcionar sem ele.

Área de proteção (a zona de exclusão)

A área de proteção é a margem vazia mínima mantida ao redor do logo para que nada o sobrecarregue — outros elementos, bordas de página, ou fundos carregados. Em vez de um número fixo de pixels, ela quase sempre é definida em relação ao próprio logo: por exemplo, "mantenha uma margem igual à altura do símbolo", ou "a largura da letra maiúscula". Vincular à área ao logo faz com que ela escale automaticamente sempre que o logo for redimensionado.

Tamanho mínimo

O tamanho mínimo é o menor tamanho testado em que uma variante continua nítida. Defina-o separadamente para cada composição aprovada. Abaixo desse limite, use outra variante testada somente se cumprir seu próprio mínimo; caso contrário, amplie o espaço ou mude a disposição.

Lockups: primário, secundário e apenas símbolo

Um lockup é um arranjo aprovado das partes. A maioria dos sistemas define alguns:

  • Primário — o padrão, geralmente o símbolo ao lado do nome (horizontal).
  • Secundário — uma alternativa, como o símbolo empilhado acima do nome, para espaços mais apertados ou quadrados.
  • Apenas símbolo — o símbolo sozinho, para favicons, ícones de aplicativo e pequenos avatares.
O mesmo logo mostrado como um lockup primário horizontal, um lockup secundário empilhado, e o símbolo sozinho.
Um pequeno conjunto de lockups aprovados mantém um logo flexível sem se tornar inconsistente.

Um logo responsivo usa variantes aprovadas para espaços diferentes: por exemplo, composição completa, logotipo compacto ou símbolo simplificado. São opções, não uma sequência obrigatória; usar o símbolo sozinho exige aprovação e teste. Cada variante tem seu tamanho mínimo. Se nenhuma continuar nítida no espaço disponível, amplie a área ou mude a disposição em vez de reduzir ainda mais.

Por que a anatomia importa

Nomear essas partes é o que transforma um logo de uma única imagem em um sistema utilizável. É a diferença entre "aqui está nosso logo" e "aqui está como nosso logo se comporta em um cabeçalho largo, um avatar quadrado, e uma aba minúscula". Quando estiver pronto para construir um, aqui está como criar um logo, passo a passo.

Como transformar as partes em regras úteis

Para a padaria fictícia Mira, prepare uma composição horizontal de nome e símbolo, uma versão empilhada para uma etiqueta quadrada e apenas o símbolo para uma pequena imagem de perfil. Preserve as proporções e as relações de espaçamento nos arquivos aprovados; não deixe cada fornecedor reorganizar as partes.

Defina a área de proteção com uma unidade repetível, como um quarto da largura do símbolo. É uma regra de exemplo a testar, não um mínimo do setor. Imprima a etiqueta no tamanho real e confira o cabeçalho do site em um celular. Registre um tamanho mínimo para cada composição. Se o slogan ficar ilegível, use a versão aprovada sem ele em vez de ampliar só o slogan. Guarde essas decisões junto com os arquivos.

Guias práticos relacionados: Teste de logo: 10 verificações antes de publicar

Crie seu logo — é grátis

Perguntas frequentes

O que é a área de proteção de um logo?

Área de proteção (ou zona de exclusão) é a margem vazia mínima mantida ao redor de um logo para que nada o sobrecarregue. Geralmente é definida por uma medida tirada do próprio logo — muitas vezes a altura de uma letra ou do símbolo — para que escale junto com o logo.

O que é um lockup de logo?

Um lockup é um arranjo fixo e aprovado das partes de um logo — por exemplo, o símbolo ao lado do nome, ou empilhado acima dele. Definir alguns lockups mantém o logo consistente em vez de rearranjado aleatoriamente.

Qual é o tamanho mínimo de um logo?

O tamanho mínimo é o menor tamanho testado em que uma variante continua nítida. Defina-o separadamente para cada composição aprovada. Abaixo desse limite, use outra variante testada somente se cumprir seu próprio mínimo; caso contrário, amplie o espaço ou mude a disposição.

Um logo precisa de um slogan?

Não. Um slogan é opcional e geralmente é removido em tamanhos pequenos, então um logo sempre precisa funcionar sem ele.

Fontes