# Ideias de fundo para logótipo: 20 formas de enquadrar o teu logótipo

[Canonical HTML page](https://gradiently.design/pt-pt/guide/logo-background-ideas)

O fundo por trás de um logótipo muda a forma como ele se sente tanto como o próprio logótipo. Aqui ficam vinte fundos para experimentar, de campos lisos de cor a grão e luz, e como ligar cada um à versão certa da tua marca.

## The short version

- As melhores ideias de fundo para logótipo vêm de quatro famílias: campos sólidos e monocromáticos, gradientes, texturas e materiais, e fotografia.
- Todos os logótipos precisam, pelo menos, de uma versão a cores, de uma versão a uma só cor escura e de uma a uma só cor clara, porque nenhuma versão serve todos os fundos.
- Um logótipo deve assentar na parte mais calma e uniforme de qualquer fundo, nunca atravessando uma forte mudança de cor.
- Os fundos em gradiente e com textura dão presença a um logótipo, mas têm de manter contraste suficiente em toda a zona que o logótipo cobre.
- Escolher dois ou três fundos de logótipo e usar só esses torna uma marca mais reconhecível do que usar um novo de cada vez.

As boas **ideias de fundo para logótipo** dividem-se em quatro famílias: campos sólidos e monocromáticos, gradientes, texturas e materiais, e fotografia. Escolhe a família que condiz com a personalidade da marca e junta-lhe a versão certa do teu logótipo: a cores sobre fundos claros e calmos, um logótipo invertido a uma só cor sobre os escuros ou agitados. Abaixo ficam vinte fundos para experimentar, cinco de cada família, com códigos para os gradientes e uma nota sobre a versão do logótipo que pertence a cada um.

Isto é uma lista de ideias. Para o método prático de colocar um logótipo num gradiente, com verificações de contraste e definições de exportação, vê [logótipo sobre fundo de gradiente](https://gradiently.design/pt-pt/guide/logo-on-gradient-background).

## Que versão do logótipo serve cada fundo

Antes de escolheres fundos, garante que tens as versões para lhes pôr. A maioria das marcas precisa de, pelo menos, três, e o fundo decide qual usas. [Variações de logótipo](https://gradiently.design/pt-pt/guide/logo-variations) explica o conjunto completo.

| Fundo | Versão do logótipo | Porquê |
| --- | --- | --- |
| Branco ou sólido pálido | A cores | A predefinição, onde as cores da marca se leem mais fielmente |
| Sólido escuro | Uma só cor, invertida (branco) | As cores da marca perdem muitas vezes contraste no escuro |
| Sólido na cor da marca | Uma só cor, branco ou preto | Evita um logótipo colorido sobre uma cor parecida |
| Gradiente | Uma só cor, escolhida para a zona por trás | O contraste muda ao longo do gradiente |
| Fotografia ou textura | Uma só cor, na região mais calma | O detalhe por trás de traços finos desfaz-os |

Uma regra prática que cobre a maioria dos casos. Na dúvida, a versão a uma só cor é a escolha mais segura.

## Fundos de logótipo sólidos e monocromáticos (1 a 5)

Os fundos lisos transmitem confiança. Servem marcas cujo logótipo já carrega a personalidade, e nunca lutam com o símbolo.

1. **Branco quente.** Mais suave do que o branco puro e com sensação mais impressa. Logótipo a cores.
2. **Quase preto.** Não preto puro, mas uma tinta profunda com um toque de matiz, que parece mais rica. Logótipo branco.
3. **A cor principal da marca.** Um campo inteiro dela, logótipo a branco. O uso mais ousado de uma só cor.
4. **Um tom profundo da cor da marca.** Azul-marinho para uma marca azul, beringela para uma roxa. Lê-se como premium.
5. **Um tom pálido.** Menta para uma marca verde, rosa-claro para uma vermelha. O logótipo a cores assenta nele com conforto.

- Branco quente: #f6f2ea
- Preto-tinta: #14121a
- Azul da marca: #2b4bd8
- Tom de azul profundo: #13204d
- Tom de azul pálido: #dfe6ff

Ideias 1 a 5 para uma marca azul: branco quente, tinta, a própria cor da marca, um tom profundo e um tom pálido. Troca pelo teu matiz.

## Fundos de logótipo em gradiente (6 a 10)

Um gradiente acrescenta profundidade e movimento sem acrescentar objetos. Mantém o logótipo sobre a ponta mais calma e mantém as cores relacionadas para a mistura ficar limpa.

1. **Varrimento tonal.** A cor da tua marca de profundo a claro, com o logótipo na ponta profunda.
2. **Foco suave.** Um brilho radial de cor a partir de um canto sobre fundo escuro. O logótipo fica no escuro, iluminado pelo que o rodeia.
3. **Dois vizinhos.** Duas cores lado a lado no círculo cromático, como verde-azulado a passar a azul.
4. **Faixa de pôr do sol.** Cores quentes a subir da margem inferior, com o logótipo na zona superior mais fria.
5. **Brilho de malha.** Várias manchas suaves de cor misturadas, mais orgânico do que uma linha reta. Vê [gradientes de malha](https://gradiently.design/pt-pt/guide/mesh-gradients).

- 6. Varrimento tonal: `linear-gradient(135deg, #0f1a4a 0%, #2b4bd8 60%, #8aa4ff 100%)`
- 7. Foco suave: `radial-gradient(circle at 85% 15%, #7c3aed 0%, #2a1259 35%, #0d0a18 75%)`
- 8. Dois vizinhos: `linear-gradient(120deg, #0f766e 0%, #0e7490 50%, #1d4ed8 100%)`
- 9. Faixa de pôr do sol: `linear-gradient(0deg, #f97316 0%, #db2777 35%, #3b0764 100%)`

Quatro fundos de logótipo em gradiente que podes copiar. Põe um logótipo branco nas zonas profundas; verifica o contraste onde a cor aclara.

## Fundos de logótipo com textura e material (11 a 15)

A textura faz um fundo digital parecer uma superfície: papel, película, metal ou pedra. Serve artesanato, comida, moda e tudo o que se vende como objeto. Mantém-na fina, para os contornos do logótipo ficarem nítidos. [Textura em gradientes](https://gradiently.design/pt-pt/guide/gradient-texture) compara as principais famílias de materiais.

1. **Grão sobre cor.** Uma camada fina de ruído sobre um sólido ou gradiente. De imediato menos digital.
2. **Textura de papel.** Uma textura suave de papel não revestido atrás de um logótipo escuro. Parece impresso e feito à mão.
3. **Metal escovado.** Brilho prateado ou dourado para luxo ou engenharia. Usa um logótipo escuro a uma só cor.
4. **Linho ou tela.** Uma textura tecida para moda, artigos de casa e estúdios.
5. **Vidro fosco.** Formas de cor desfocadas atrás de um véu pálido, logótipo nítido por cima.

Um cartão quadrado de marca com um logótipo tipográfico a passar de uma zona clara para uma zona escura do fundo, em parte difícil de ler

Um logótipo tipográfico a atravessar uma forte mudança de cor: uma ponta perde contraste.

O mesmo cartão quadrado de marca com uma zona uniforme e calma do fundo atrás do logótipo tipográfico, que se lê com clareza

O mesmo cartão com o fundo calmo e uniforme atrás do logótipo tipográfico.

## Fundos de logótipo com fotografia e contexto (16 a 20)

A fotografia põe o logótipo no mundo. É a família mais arriscada, porque as fotografias são carregadas, por isso escolhe imagens com uma zona calma e usa o logótipo a uma só cor.

1. **Plano aproximado do produto.** Uma macro do teu produto com muito desfoque suave. Logótipo sobre o desfoque.
2. **Fotografia em duotone.** Uma fotografia reduzida a duas cores da marca, o que a acalma e a liga à paleta. Vê [efeito duotone](https://gradiently.design/pt-pt/guide/duotone-effect).
3. **Céu ou parede.** Uma área larga e uniforme de textura real: céu, betão, estuque pintado.
4. **Espaço de trabalho visto de cima.** Uma composição plana com uma zona livre para o logótipo, boa para estúdios e artesãos.
5. **Maquete de sinalética.** O logótipo numa fachada, num saco ou num copo. Útil em apresentações, nunca como única versão.

### Evita

- Um logótipo a cores sobre uma fotografia confusa
- Logótipo sobre a parte mais clara de um gradiente
- Textura grossa atrás de traços finos
- Sombras ou brilhos para salvar o contraste
- Um fundo novo em cada publicação

### Faz

- Logótipo a uma só cor na região mais calma
- Logótipo sobre a ponta profunda ou pálida
- Grão fino que mantém os contornos nítidos
- Muda o fundo até o contraste aguentar
- Dois ou três fundos que repetes

## Como escolher a cor de fundo de um logótipo

Experimenta cinco ou seis ideias da lista num só cartão quadrado, põe-nas lado a lado e escolhe as duas ou três que mais se parecem com a marca. Depois escreve-as no teu [kit de marca](https://gradiently.design/pt-pt/guide/brand-kit) e usa só essas. É a repetição que transforma um fundo em parte da identidade. Verifica cada uma quanto ao contraste, tendo em mente [contraste de cor e acessibilidade](https://gradiently.design/pt-pt/guide/color-contrast-accessibility), sobretudo em tamanhos pequenos de logótipo.

Se queres um fundo que pertença só à tua marca, os Marks do Gradiently são fundos vivos de gradiente e material, cada um diferente de qualquer outro e pertencente a uma só pessoa ou marca de cada vez. Um Mark encontra a sua zona mais calma atrás das tuas palavras, por isso um logótipo ou logótipo tipográfico posto nele fica legível em todos os tamanhos.

## FAQ

### Qual é a melhor cor de fundo para um logótipo?

A que dá o contraste mais forte com o teu logótipo e serve a marca. Um branco quente ou um quase preto profundo funciona para a maioria dos logótipos, com a versão certa do logótipo em cada um.

### Posso pôr o meu logótipo num fundo de gradiente?

Sim. Usa a versão a uma só cor, põe-na na ponta mais calma do gradiente e verifica o contraste em toda a zona que o logótipo cobre.

### Um logótipo deve ter fundo transparente?

O ficheiro do logótipo deve, como PNG transparente ou SVG, para poder assentar em qualquer fundo. Os fundos desta lista são aquilo sobre que o colocas.

### Quantos fundos de logótipo deve usar uma marca?

Dois ou três fundos escolhidos, usados com coerência, tornam uma marca mais reconhecível do que um diferente de cada vez.