# Como fazer um moodboard de marca que leve a algum lado [Canonical HTML page](https://gradiently.design/pt-pt/guide/brand-moodboard) A maioria dos moodboards é um monte de imagens bonitas que nunca chega a ser uma marca. Este método transforma o teu numa direção com nome, uma paleta e um conjunto de materiais com que podes mesmo desenhar. ## The short version - Um moodboard de marca é um conjunto selecionado de imagens, cores, texturas, tipografia e palavras que mostra como a marca deve sentir-se antes de se desenhar o que quer que seja. - Um moodboard útil acaba em decisões: uma direção com nome, uma paleta, materiais e tipografia, não uma pasta de inspiração. - O método tem cinco passos: reunir muito, agrupar em direções, cortar a sério, dar nome à 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. - Testa a direção em formatos reais, como uma publicação e um story, antes de te comprometeres com ela. Um **moodboard de marca** é uma coleção selecionada de imagens, cores, texturas, tipografia e palavras que mostra como a marca deve sentir-se antes de se desenhar o que quer que seja. Os que levam a algum lado seguem um caminho claro: reunir muito, agrupar o que encontraste em direções, cortar a sério, dar nome à direção que ficas e traduzi-la numa paleta, materiais e tipografia que possas usar. O moodboard está terminado quando tomou decisões, não quando parece bonito. Costuma surgir cedo na [criação de uma identidade de marca](https://gradiently.design/pt-pt/guide/how-to-create-a-brand-identity), depois de saberes o que a marca defende e antes de alguém desenhar um logótipo. Se ainda não escolheste algumas palavras para o carácter da tua marca, começa pela [personalidade da marca](https://gradiently.design/pt-pt/guide/brand-personality); essas palavras passam a ser o teu filtro. ## Para que serve um moodboard de marca Um moodboard é uma ferramenta de acordo. Permite que um fundador, um designer e uma equipa apontem para as mesmas imagens e digam “isto, não aquilo” muito antes de alguém discutir um logótipo. Isso só funciona se o painel for específico o suficiente para excluir coisas. ### Não leva a lado nenhum - Sessenta imagens, todas mantidas - Vários ambientes a puxar em direções diferentes - Só trabalhos acabados de outras marcas - Sem palavras - Acaba como uma pasta partilhada ### Leva a algum lado - Doze a vinte imagens, cada uma a merecer o seu lugar - Uma direção, com nome claro - Texturas, luz, lugares e objetos, não só logótipos - Três palavras e uma frase - Acaba como uma paleta, materiais e tipografia ## Como fazer um moodboard de marca, passo a passo 1. **Reúne muito** Junta muito mais do que precisas, depressa e sem julgar. Olha para além do design: interiores, embalagens, fotogramas de cinema, tecidos, clima, sinalética de rua, comida. Guarda tudo o que te faça sentir o que a marca deve fazer sentir. 2. **Agrupa em direções** Espalha tudo e agrupa as imagens que parecem relacionadas. A maioria das coleções divide-se em três ou quatro grupos. Dá a cada um um nome de trabalho, como “barro quente” ou “estúdio frio”. 3. **Corta a sério** Escolhe o grupo que melhor corresponde ao carácter da tua marca e depois remove tudo o que lá dentro puxa para outro lado. Fica com as doze a vinte imagens mais fortes. É aqui que o moodboard se torna útil. 4. **Dá nome à direção** Escreve três palavras e uma frase que a descrevam. A frase deve dizer como a marca se sente e o que ela não é. 5. **Traduz** Extrai uma paleta, um ou dois materiais, uma voz tipográfica e alguns hábitos de composição. Passam a ser a primeira página do teu [guia de estilo da marca](https://gradiently.design/pt-pt/guide/brand-style-guide). ## Agrupa as imagens em direções Agrupar é mais fácil quando reduzes cada grupo à sua essência. Uma forma rápida é resumir cada grupo num único gradiente feito com as suas cores mais comuns. Vistas lado a lado, as direções tornam-se óbvias, e o mesmo acontece com as que não servem à marca. - Barro 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%)` - Mercado ao sol: `linear-gradient(160deg, #fff4d6 0%, #ffc857 50%, #ff7b54 100%)` Quatro grupos de uma só coleção, cada um resumido num gradiente. Só um deles serve a uma dada marca. Se um grupo vive em fotografias, podes extrair as suas cores diretamente. O guia sobre [criar uma paleta de cores a partir de uma imagem](https://gradiently.design/pt-pt/guide/color-palette-from-image) mostra como, e o [Igualar uma imagem](/forge/match) da Gradiently transforma uma imagem largada na sua paleta e nos Marks mais próximos. ## Dá nome à direção em palavras As imagens prestam-se a interpretações; as palavras fecham-nas. Três palavras descrevem a sensação. A frase acrescenta o limite, aquilo em que a marca nunca se pode tornar. Esse limite é o que impede a direção de derivar mais tarde. | Direção | Três palavras | Não é | | --- | --- | --- | | Barro quente | Terroso, paciente, feito à mão | Cliché rústico ou kitsch de quinta | | Estúdio frio | Preciso, calmo, técnico | Clínico ou estéril | | Jardim noturno | Luxuriante, reservado, um pouco estranho | Gótico ou sombrio | | Mercado ao sol | Aberto, generoso, animado | Infantil ou de saldos | A coluna “Não é” faz tanto trabalho como as palavras. A maioria das direções falha ao resvalar para o seu cliché. ## Transforma o moodboard numa paleta e em materiais Agora torna-o concreto. Recolhe as cores recorrentes das imagens que ficaram e reduz-las a cinco: uma escura, uma clara, duas cores principais e um destaque que usas com moderação. Depois dá nome aos materiais que continuam a aparecer, porque os materiais carregam tanto do ambiente como a cor. Uma direção de barro quente, por exemplo, poderia assentar nisto. - Café expresso: #2b1a12 - Terracota: #b85c38 - Barro cozido: #d98f6b - Areia: #ead7c0 - Destaque azeitona: #6b7a3a A direção de barro quente como paleta de trabalho. O destaque azeitona aparece raramente, e é por isso que fica na memória. - **Materiais:** grão de papel mate, cerâmica sem vidrado, luz natural suave em vez de luz de estúdio. - **Voz tipográfica:** uma serifa quente para os títulos, uma sem serifa simples para tudo o resto. - **Hábitos de composição:** margens generosas, palavras assentes em baixo, 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 forma como as mesmas cores se sentem; o guia sobre [textura em gradientes](https://gradiently.design/pt-pt/guide/gradient-texture) explica as opções. ## Testa a direção em formatos reais Uma direção que parece certa num painel pode parecer errada numa publicação a sério. Antes de te comprometeres, faz dois ou três designs reais com ela: uma publicação para o feed, um story, um cabeçalho. Se parecerem pertencer ao mesmo conjunto e não parecerem de mais ninguém, o moodboard cumpriu a sua função. Uma publicação editorial vertical intitulada Em defesa das manhãs lentas sobre um fundo quente e texturado A direção numa publicação para o feed… Um story vertical com o texto Olá, vizinho sobre o mesmo fundo quente e texturado …e num story. Se ambos se parecem com o moodboard, a direção aguenta-se. > **Guarda as imagens cortadas** Guarda os grupos que rejeitaste numa pasta à parte. Quando mais tarde alguém sugerir um visual que se desvia, podes mostrar-lhe a direção contra a qual já decidiste e porquê. ## FAQ ### O que deve incluir um moodboard de marca? Imagens, texturas, cores, amostras de tipografia e algumas palavras. Inclui lugares, objetos e materiais, não apenas designs acabados de outras marcas. ### Quantas imagens deve ter um moodboard? Reúne as que quiseres e depois corta para cerca de doze a vinte que partilhem claramente uma só direção. Menos imagens, mais fortes, dão decisões mais claras. ### O que vem depois de um moodboard de marca? Traduzi-lo numa paleta, materiais, tipografia e hábitos de composição, testá-los em formatos reais e depois registá-los num guia de estilo da marca. ### Um moodboard deve ter mais do que uma direção? Enquanto exploras, sim: agrupa em três ou quatro. O moodboard final deve comprometer-se com uma, guardando à parte as direções rejeitadas para consulta. ### Como obtenho uma paleta de cores a partir de um moodboard? Recolhe as cores recorrentes das imagens que ficaram e reduz-las a cerca de cinco: uma escura, uma clara, duas cores principais e um destaque.