# Como fazer um moodboard de marca que leva a algum lugar [Canonical HTML page](https://gradiently.design/pt-br/guide/brand-moodboard) A maioria dos moodboards é uma pilha de imagens bonitas que nunca vira marca. Este método transforma o seu em uma direção com nome, uma paleta e um conjunto de materiais com que você pode projetar de verdade. ## The short version - Um moodboard de marca é um conjunto curado de imagens, cores, texturas, tipografia e palavras que mostra como a marca deve ser sentida antes de qualquer coisa ser desenhada. - Um moodboard útil termina em decisões: uma direção com nome, uma paleta, materiais e tipografia, não uma pasta de inspirações. - O método tem cinco passos: coletar bastante, agrupar em direções, cortar sem dó, nomear a direção vencedora e traduzi-la em escolhas de design. - Cortar é o passo mais importante, porque um moodboard que guarda tudo não descreve marca nenhuma em particular. - Teste a direção em formatos reais, como um post e um story, antes de se comprometer com ela. Um **moodboard de marca** é uma coleção curada de imagens, cores, texturas, tipografia e palavras que mostra como a marca deve ser sentida antes de qualquer coisa ser desenhada. Os que levam a algum lugar seguem um caminho claro: coletar bastante, agrupar o que você encontrou em direções, cortar sem dó, nomear a direção que ficou e traduzi-la em uma paleta, materiais e tipografia que você pode usar. O moodboard está pronto quando tomou decisões, não quando fica bonito. Ele costuma vir cedo em [criar uma identidade de marca](https://gradiently.design/pt-br/guide/how-to-create-a-brand-identity), depois que você sabe o que a marca defende e antes de alguém desenhar um logo. Se você ainda não escolheu algumas palavras para o caráter da sua marca, comece pela [personalidade da marca](https://gradiently.design/pt-br/guide/brand-personality); essas palavras viram o seu filtro. ## Para que serve um moodboard de marca Um moodboard é uma ferramenta de acordo. Ele permite que quem fundou a marca, quem projeta e a equipe apontem para as mesmas imagens e digam “isto, não aquilo” bem antes de alguém discutir um logo. Isso só funciona se o quadro for específico o bastante para descartar coisas. ### Não leva a lugar nenhum - Sessenta imagens, todas mantidas - Vários climas puxando para lados diferentes - Só trabalhos finalizados de outras marcas - Nenhuma palavra nele - Termina como uma pasta compartilhada ### Leva a algum lugar - De doze a vinte imagens, cada uma merecendo seu lugar - Uma direção, com nome claro - Texturas, luz, lugares e objetos, não só logos - Três palavras e uma frase - Termina como paleta, materiais e tipografia ## Como fazer um moodboard de marca, passo a passo 1. **Colete bastante** Junte muito mais do que precisa, rápido e sem julgar. Olhe além do design: interiores, embalagens, cenas de filmes, tecidos, clima, placas de rua, comida. Salve tudo o que faz você sentir o que a marca deve fazer sentir. 2. **Agrupe em direções** Espalhe tudo e agrupe as imagens que parecem ligadas. A maioria das coleções se divide em três ou quatro grupos. Dê a cada um um nome provisório, como “argila quente” ou “estúdio frio”. 3. **Corte sem dó** Escolha o grupo que melhor combina com o caráter da marca e remova, dentro dele, tudo o que puxa para outro lado. Fique com as doze a vinte imagens mais fortes. É aqui que o moodboard se torna útil. 4. **Nomeie a direção** Escreva três palavras e uma frase que a descrevam. A frase deve dizer como a marca é sentida e o que ela não é. 5. **Traduza** Extraia uma paleta, um ou dois materiais, uma voz tipográfica e alguns hábitos de layout. Eles viram a primeira página do seu [guia de estilo da marca](https://gradiently.design/pt-br/guide/brand-style-guide). ## Agrupe suas imagens em direções Agrupar fica mais fácil quando você reduz cada grupo à sua essência. Um jeito rápido é resumir cada grupo em um único gradiente feito com suas cores mais comuns. Vistas lado a lado, as direções ficam óbvias, e as que não combinam com a marca também. - Argila quente: `linear-gradient(160deg, #2b1a12 0%, #b85c38 45%, #ead7c0 100%)` - Estúdio frio: `linear-gradient(160deg, #1e2530 0%, #5b6b7d 50%, #dfe7ee 100%)` - Jardim noturno: `linear-gradient(160deg, #0f1f17 0%, #2f5d46 50%, #8e5a8a 100%)` - Feira ensolarada: `linear-gradient(160deg, #fff4d6 0%, #ffc857 50%, #ff7b54 100%)` Quatro grupos de uma mesma coleção, cada um resumido em um gradiente. Só um deles serve para uma marca específica. Se um grupo vive em fotos, você pode extrair as cores dele diretamente. [Criar uma paleta de cores a partir de uma imagem](https://gradiently.design/pt-br/guide/color-palette-from-image) mostra como, e o [Combinar com uma imagem](/forge/match) do Gradiently transforma uma imagem solta em sua paleta e nos Marks mais próximos. ## Nomeie a direção com palavras Imagens são abertas a interpretações; palavras fecham o assunto. Três palavras descrevem a sensação. A frase acrescenta o limite, aquilo em que a marca nunca deve se transformar. É esse limite que impede a direção de derivar mais tarde. | Direção | Três palavras | Não é | | --- | --- | --- | | Argila quente | Terrosa, paciente, artesanal | Clichê rústico ou kitsch de fazenda | | Estúdio frio | Precisa, silenciosa, técnica | Clínica ou estéril | | Jardim noturno | Exuberante, reservado, um pouco estranho | Gótico ou sombrio | | Feira ensolarada | Aberta, generosa, barulhenta | Infantil ou de liquidação | A coluna “Não é” trabalha tanto quanto as palavras. A maioria das direções falha ao escorregar para o próprio clichê. ## Transforme o moodboard em paleta e materiais Agora deixe tudo concreto. Extraia as cores que se repetem nas imagens mantidas e reduza a cinco: uma escura, uma clara, duas cores principais e um destaque usado com moderação. Depois nomeie os materiais que aparecem sempre, porque os materiais carregam tanto do clima quanto a cor. Uma direção de argila quente, por exemplo, poderia chegar a isto. - Espresso: #2b1a12 - Terracota: #b85c38 - Argila queimada: #d98f6b - Areia: #ead7c0 - Destaque oliva: #6b7a3a A direção argila quente como paleta de trabalho. O destaque oliva aparece raramente, e por isso será lembrado. - **Materiais:** granulação de papel fosco, cerâmica sem esmalte, luz suave do dia em vez de luz de estúdio. - **Voz tipográfica:** uma serifa acolhedora para títulos, uma sem serifa simples para todo o resto. - **Hábitos de layout:** margens generosas, palavras posicionadas embaixo, muito espaço calmo. Os materiais são a parte que a maioria dos moodboards esquece. Uma textura como grão, papel ou seda muda a sensação das mesmas cores; [textura em gradientes](https://gradiently.design/pt-br/guide/gradient-texture) explica as opções. ## Teste a direção em formatos reais Uma direção que parece certa no quadro pode parecer errada em um post de verdade. Antes de se comprometer, faça dois ou três designs reais com ela: um post de feed, um story, um cabeçalho. Se parecerem da mesma família e não parecerem de mais ninguém, o moodboard cumpriu seu papel. Um post editorial vertical com o título Em defesa das manhãs lentas sobre um fundo quente e texturizado A direção em um post de feed… Um story vertical com o texto Olá, vizinho sobre o mesmo fundo quente e texturizado …e em um story. Se os dois parecem o moodboard, a direção se sustenta. > **Guarde as imagens cortadas** Salve os grupos que você descartou em uma pasta separada. Quando alguém sugerir mais tarde um visual que foge da direção, você pode mostrar a direção que já rejeitou e por quê. ## FAQ ### O que um moodboard de marca deve incluir? Imagens, texturas, cores, amostras de tipografia e algumas palavras. Inclua lugares, objetos e materiais, não apenas designs finalizados de outras marcas. ### Quantas imagens um moodboard deve ter? Colete quantas quiser e depois corte para cerca de doze a vinte que compartilhem claramente uma direção. Menos imagens, e mais fortes, geram decisões mais claras. ### O que vem depois de um moodboard de marca? Traduza-o em paleta, materiais, tipografia e hábitos de layout, teste em formatos reais e registre tudo em um guia de estilo da marca. ### Um moodboard pode ter mais de uma direção? Enquanto você explora, sim: agrupe em três ou quatro. O moodboard final deve se comprometer com uma, guardando as direções rejeitadas à parte para consulta. ### Como tirar uma paleta de cores de um moodboard? Extraia as cores que se repetem nas imagens mantidas e reduza a cerca de cinco: uma escura, uma clara, duas principais e um destaque.