# How to make a brand moodboard that leads somewhere [Canonical HTML page](https://gradiently.design/guide/brand-moodboard) Most moodboards are a pile of nice pictures that never become a brand. This method turns yours into a named direction, a palette and a set of materials you can actually design with. ## The short version - A brand moodboard is a curated set of images, colours, textures, type and words that shows how a brand should feel before anything is designed. - A useful moodboard ends in decisions: one named direction, a palette, materials and type, not a folder of inspiration. - The method is five steps: collect widely, cluster into directions, cut hard, name the winning direction, and translate it into design choices. - Cutting is the most important step, because a moodboard that keeps everything describes no brand in particular. - Test the direction on real formats, such as a post and a story, before you commit to it. A **brand moodboard** is a curated collection of images, colours, textures, type and words that shows how a brand should feel before anything is designed. The ones that lead somewhere follow a clear path: collect widely, cluster what you found into directions, cut hard, name the direction you keep, then translate it into a palette, materials and type you can use. The moodboard is finished when it has made decisions, not when it looks beautiful. It usually sits early in [creating a brand identity](https://gradiently.design/guide/how-to-create-a-brand-identity), after you know what the brand stands for and before anyone draws a logo. If you haven't yet chosen a few words for your brand's character, start with [brand personality](https://gradiently.design/guide/brand-personality); those words become your filter. ## What a brand moodboard is for A moodboard is a tool for agreement. It lets a founder, a designer and a team point at the same pictures and say "this, not that" long before anyone argues over a logo. That only works if the board is specific enough to rule things out. ### Goes nowhere - Sixty images, all kept - Several moods pulling in different directions - Only other brands' finished work - No words on it - Ends as a shared folder ### Leads somewhere - Twelve to twenty images, each earning its place - One direction, clearly named - Textures, light, places and objects, not just logos - Three words and one sentence - Ends as a palette, materials and type ## How to make a brand moodboard, step by step 1. **Collect widely** Gather far more than you need, quickly, without judging. Look beyond design: interiors, packaging, film stills, fabric, weather, street signage, food. Save anything that makes you feel what the brand should feel. 2. **Cluster into directions** Lay everything out and group images that feel related. Most collections fall into three or four clusters. Give each one a working name like "warm clay" or "cold studio". 3. **Cut hard** Pick the cluster that best matches your brand's character, then remove anything inside it that pulls elsewhere. Keep the twelve to twenty strongest images. This is where the moodboard becomes useful. 4. **Name the direction** Write three words and one sentence that describe it. The sentence should say what the brand feels like and what it is not. 5. **Translate it** Pull out a palette, one or two materials, a type voice and a few layout habits. These become the first page of your [brand style guide](https://gradiently.design/guide/brand-style-guide). ## Cluster your images into directions Clustering is easier when you reduce each group to its essence. A quick way is to sum up each cluster as a single gradient built from its most common colours. Seen side by side, the directions become obvious, and so do the ones that don't fit the brand. - Warm clay: `linear-gradient(160deg, #2b1a12 0%, #b85c38 45%, #ead7c0 100%)` - Cold studio: `linear-gradient(160deg, #1e2530 0%, #5b6b7d 50%, #dfe7ee 100%)` - Night garden: `linear-gradient(160deg, #0f1f17 0%, #2f5d46 50%, #8e5a8a 100%)` - Sunny market: `linear-gradient(160deg, #fff4d6 0%, #ffc857 50%, #ff7b54 100%)` Four clusters from one collection, each summed up as a gradient. Only one of them is right for any given brand. If a cluster lives in photos, you can extract its colours directly. [Building a colour palette from an image](https://gradiently.design/guide/color-palette-from-image) shows how, and Gradiently's [Match a picture](/forge/match) turns a dropped image into its palette and the closest Marks. ## Name the direction in words Pictures are open to interpretation; words close it down. Three words describe the feeling. The sentence adds the boundary, the thing the brand must never become. That boundary is what stops the direction drifting later. | Direction | Three words | It is not | | --- | --- | --- | | Warm clay | Earthy, patient, handmade | Rustic cliché or farmhouse kitsch | | Cold studio | Precise, quiet, technical | Clinical or sterile | | Night garden | Lush, private, a little strange | Gothic or gloomy | | Sunny market | Open, generous, loud | Childish or discount | The "it is not" column does as much work as the words. Most directions fail by sliding into their cliché. ## Turn the moodboard into a palette and materials Now make it concrete. Sample the recurring colours from the kept images and reduce them to five: a dark, a light, two main colours and one accent you use sparingly. Then name the materials that keep showing up, because materials carry as much of the mood as colour does. A warm clay direction, for example, might settle on this. - Espresso: #2b1a12 - Terracotta: #b85c38 - Fired clay: #d98f6b - Sand: #ead7c0 - Olive accent: #6b7a3a The warm clay direction as a working palette. The olive accent appears rarely, which is why it will be remembered. - **Materials:** matte paper grain, unglazed ceramic, soft daylight rather than studio light. - **Type voice:** a warm serif for headlines, a plain sans for everything else. - **Layout habits:** generous margins, words set low, lots of calm space. Materials are the part most moodboards forget. A texture like grain, paper or silk changes how the same colours feel; [gradient texture](https://gradiently.design/guide/gradient-texture) explains the options. ## Test the direction on real formats A direction that looks right on a board can feel wrong on an actual post. Before committing, make two or three real designs with it: a feed post, a story, a header. If they look like they belong together and like nobody else, the moodboard has done its job. A portrait editorial post titled The case for slow mornings on a warm, textured background The direction on a feed post… A vertical story saying Hello, neighbour on the same warm, textured background …and on a story. If both feel like the moodboard, the direction holds. > **Keep the cut images** Save the clusters you rejected in a separate folder. When someone later suggests a look that drifts, you can show them the direction you already decided against, and why. ## FAQ ### What should a brand moodboard include? Images, textures, colours, type samples and a few words. Include places, objects and materials, not only other brands' finished designs. ### How many images should a moodboard have? Collect as many as you like, then cut to around twelve to twenty that clearly share one direction. Fewer, stronger images make clearer decisions. ### What comes after a brand moodboard? Translate it into a palette, materials, type and layout habits, test them on real formats, then record them in a brand style guide. ### Should a moodboard have more than one direction? While you explore, yes: cluster into three or four. The finished moodboard should commit to one, with the rejected directions kept separately for reference. ### How do I get a colour palette from a moodboard? Sample the recurring colours from the kept images and reduce them to about five: a dark, a light, two main colours and one accent.