# Ideias de fundo para logo: 20 jeitos de emoldurar sua marca [Canonical HTML page](https://gradiently.design/pt-br/guide/logo-background-ideas) O fundo atrás de um logo muda a sensação que ele passa tanto quanto o próprio logo. Veja vinte fundos para testar, de campos lisos de cor a granulação e luz, e como combinar cada um com a versão certa da sua marca. ## The short version - As melhores ideias de fundo para logo vêm de quatro famílias: campos lisos e monocromáticos, gradientes, texturas e materiais, e fotografia. - Todo logo precisa de pelo menos uma versão colorida, uma de cor única escura e uma de cor única clara, porque nenhuma versão serve para todos os fundos. - Um logo deve ficar na parte mais calma e uniforme de qualquer fundo, nunca atravessando uma forte mudança de cor. - Fundos com gradiente e textura dão presença a um logo, mas precisam manter contraste suficiente em toda a área que o logo cobre. - Escolher dois ou três fundos para o logo e usar só eles torna uma marca mais reconhecível do que usar um novo a cada vez. Boas **ideias de fundo para logo** se dividem em quatro famílias: campos lisos e monocromáticos, gradientes, texturas e materiais, e fotografia. Escolha a família que combina com a personalidade da marca e depois use a versão certa do logo: colorido sobre fundos claros e calmos, e de cor única invertida sobre os escuros ou agitados. A seguir, vinte fundos para testar, cinco de cada família, com códigos para os gradientes e uma nota sobre qual versão do logo cabe em cada um. Esta é uma lista de ideias. Para o método prático de colocar um logo sobre um gradiente, com verificações de contraste e ajustes de exportação, veja [logo sobre fundo de gradiente](https://gradiently.design/pt-br/guide/logo-on-gradient-background). ## Qual versão do logo combina com qual fundo Antes de escolher os fundos, garanta que você tem as versões para pôr sobre eles. A maioria das marcas precisa de pelo menos três, e o fundo decide qual usar. [Variações de logo](https://gradiently.design/pt-br/guide/logo-variations) explica o conjunto completo. | Fundo | Versão do logo | Por quê | | --- | --- | --- | | Branco ou liso claro | Colorido | O padrão, em que as cores da marca aparecem mais fiéis | | Liso escuro | Cor única, invertido (branco) | As cores da marca costumam perder contraste no escuro | | Liso na cor da marca | Cor única, branco ou preto | Evite um logo colorido sobre uma cor parecida | | Gradiente | Cor única, escolhida para a área atrás dele | O contraste muda ao longo do gradiente | | Foto ou textura | Cor única, na região mais calma | O detalhe atrás de traços finos os quebra | Uma regra prática que cobre a maioria dos casos. Na dúvida, a versão de cor única é a escolha mais segura. ## Fundos de logo lisos e monocromáticos (1 a 5) Fundos simples passam confiança. Combinam com marcas cujo logo já carrega a personalidade, e nunca brigam com o símbolo. 1. **Off-white quente.** Mais suave que o branco puro e com jeito de impresso. Logo colorido. 2. **Quase preto.** Não o preto puro, mas uma tinta profunda com um toque de matiz, que fica mais rica. Logo branco. 3. **A cor principal da sua marca.** Um campo inteiro dela, com o logo em branco. O uso mais ousado de uma única cor. 4. **Um tom profundo da cor da marca.** Azul-marinho para uma marca azul, berinjela para uma roxa. Passa ar premium. 5. **Um tom claro.** Menta para uma marca verde, rosado para uma vermelha. O logo colorido se acomoda nele com conforto. - Off-white quente: #f6f2ea - Preto tinta: #14121a - Azul da marca: #2b4bd8 - Tom azul profundo: #13204d - Tom azul claro: #dfe6ff Ideias 1 a 5 para uma marca azul: off-white, tinta, a própria cor da marca, um tom profundo e um tom claro. Troque pelo seu matiz. ## Fundos de logo com gradiente (6 a 10) Um gradiente acrescenta profundidade e movimento sem acrescentar objetos. Mantenha o logo sobre a ponta mais calma e as cores aparentadas, para que a mistura continue limpa. 1. **Varredura tonal.** A cor da sua marca do profundo ao claro, com o logo na ponta profunda. 2. **Holofote suave.** Um brilho radial de cor vindo de um canto sobre fundo escuro. O logo fica no escuro, iluminado pelo entorno. 3. **Duas vizinhas.** Duas cores lado a lado no círculo cromático, como verde-azulado indo ao azul. 4. **Faixa de pôr do sol.** Cores quentes subindo pela borda inferior, com o logo na área superior, mais fria. 5. **Brilho em malha.** Várias manchas suaves de cor misturadas, mais orgânico do que uma linha reta. Veja [gradientes de malha](https://gradiently.design/pt-br/guide/mesh-gradients). - 6. Varredura tonal: `linear-gradient(135deg, #0f1a4a 0%, #2b4bd8 60%, #8aa4ff 100%)` - 7. Holofote suave: `radial-gradient(circle at 85% 15%, #7c3aed 0%, #2a1259 35%, #0d0a18 75%)` - 8. Duas vizinhas: `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 logo com gradiente para copiar. Ponha um logo branco nas áreas profundas; confira o contraste onde a cor clareia. ## Fundos de logo com textura e material (11 a 15) A textura faz um fundo digital parecer uma superfície: papel, filme, metal ou pedra. Combina com artesanato, comida, moda e tudo o que se vende como objeto. Mantenha-a fina, para que as bordas do logo continuem nítidas. [Textura de gradiente](https://gradiently.design/pt-br/guide/gradient-texture) compara as principais famílias de material. 1. **Granulação sobre a cor.** Uma camada fina de ruído sobre um fundo liso ou gradiente. Na hora fica menos digital. 2. **Textura de papel.** Uma textura suave de papel não revestido atrás de um logo escuro. Parece impresso e feito à mão. 3. **Metal escovado.** Brilho de prata ou ouro para luxo ou engenharia. Use um logo escuro de cor única. 4. **Linho ou tela.** Uma textura tecida para moda, utilidades domésticas e ateliês. 5. **Vidro fosco.** Formas de cor desfocadas atrás de um véu claro, com o logo nítido por cima. Um cartão quadrado de marca com um logotipo cruzando de uma área clara para uma escura do fundo, em parte difícil de ler Um logotipo passando direto por uma forte mudança de cor: uma das pontas perde contraste. O mesmo cartão quadrado de marca com uma área uniforme e calma do fundo atrás do logotipo, que se lê com clareza O mesmo cartão com o fundo calmo e uniforme atrás do logotipo. ## Fundos de logo com foto e contexto (16 a 20) A fotografia coloca o logo no mundo. É a família mais arriscada, porque as fotos são agitadas, então escolha imagens com uma área calma e use o logo de cor única. 1. **Close do produto.** Uma foto macro do seu produto com muito desfoque suave. Logo sobre o desfoque. 2. **Foto em duotone.** Uma foto reduzida a duas cores da marca, o que a acalma e a liga à paleta. Veja [efeito duotone](https://gradiently.design/pt-br/guide/duotone-effect). 3. **Céu ou parede.** Uma área ampla e uniforme de textura real: céu, concreto, reboco pintado. 4. **Bancada vista de cima.** Uma composição plana com um espaço livre para o logo, boa para ateliês e criadores. 5. **Mockup de letreiro.** O logo mostrado numa fachada, sacola ou copo. Útil em apresentações, nunca como única versão. ### Evite - Um logo colorido sobre uma foto agitada - Logo na parte mais clara de um gradiente - Textura grossa atrás de traços finos - Sombras ou brilhos para salvar o contraste - Um fundo novo a cada post ### Faça - Logo de cor única na região mais calma - Logo sobre a ponta profunda ou clara - Granulação fina que mantém as bordas nítidas - Mude o fundo até o contraste se sustentar - Dois ou três fundos que você repete ## Como escolher a cor de fundo do logo Teste cinco ou seis ideias da lista num único cartão quadrado, ponha-os lado a lado e escolha os dois ou três que mais têm a cara da marca. Depois escreva-os no seu [kit de marca](https://gradiently.design/pt-br/guide/brand-kit) e use só esses. A repetição é o que transforma um fundo em parte da identidade. Confira o contraste de cada um com [contraste de cor e acessibilidade](https://gradiently.design/pt-br/guide/color-contrast-accessibility) em mente, sobretudo em tamanhos pequenos de logo. Se você quer um fundo que pertença só à sua marca, os Marks do Gradiently são fundos vivos de gradiente e material, cada um diferente de todos os outros e de uma só pessoa ou marca por vez. Um Mark encontra a área mais calma atrás das suas palavras, então um logo ou logotipo colocado nele fica legível em todos os tamanhos. ## FAQ ### Qual é a melhor cor de fundo para um logo? A que dá o contraste mais forte com o logo e combina com a marca. Um off-white quente ou um quase preto profundo funcionam para a maioria dos logos, com a versão certa do logo em cada um. ### Posso pôr meu logo sobre um fundo de gradiente? Pode. Use a versão de cor única, coloque-a na ponta mais calma do gradiente e confira o contraste em toda a área que o logo cobre. ### Um logo deve ter fundo transparente? O arquivo do logo em si deve, como PNG transparente ou SVG, para poder ficar sobre qualquer fundo. Os fundos desta lista são onde você o coloca. ### Quantos fundos de logo uma marca deve usar? Dois ou três fundos escolhidos, usados com consistência, tornam uma marca mais reconhecível do que um diferente a cada vez.