What Is a Mood Board?
A mood board is a single page of images, colors, type samples, and textures that shows what a design should feel like before anyone builds it. It answers one question early: are we all picturing the same thing?
Ask ten people to imagine a "modern, friendly" website and you will get ten different pictures. One person sees rounded buttons and soft blue. Another sees bold headlines and bright yellow. A mood board closes that gap with pictures instead of words.
Designers use mood boards at the start of almost every kind of project: a logo, a website, a brand, a photo shoot, even a room. The board is not the finished design. It is the direction for the finished design, agreed on before real work begins.
Why a Mood Board Saves You Time
Most designers I know have lived through the same painful loop. A client says "make it premium." The designer builds something premium in their own head. The client looks at it and says "no, not like that." Round two starts, then round three.
A mood board moves that argument to the start, when changing direction costs minutes instead of days. When the client points at a board and says "this one, but warmer," you both know what warmer means. You have a picture of it.
It also keeps a project steady when more than one person works on it. A second designer, a writer, or a photographer can look at the board and pick up the same look and feel without a long meeting.
What Goes on a Mood Board
A good board has a mix of pieces, not just pretty pictures. Here is what most working boards include:
- Images: Photos, illustrations, and screenshots that carry the feeling you want. A quiet coffee brand and a loud streetwear brand need very different photos.
- Color swatches: Four to six colors with their HEX codes, so the palette is exact and not a guess.
- Type samples: One heading font and one body font, shown at real sizes. Type changes a mood more than most people expect.
- Textures: Paper grain, fabric, wood, metal, or anything that gives the design a sense of touch.
- Keywords: Three to five words that describe the feeling, like "calm," "bold," or "handmade." These words sit next to the pictures so the feeling is named, not just shown.
- One "not this" image: A picture that shows what the project should avoid. This one trick stops more misunderstandings than anything else on the board.
Keep the final board tight. Around 12 to 16 images in three or four labeled groups works well for one direction. Past that point, the board turns into an average of everything, and it stops saying anything clear.
Types of Mood Boards
Not every board looks the same. The type depends on the project:
- Physical boards: Cork boards, foam boards, or a wall with pinned clippings, fabric, and paint chips. They work well in a studio because clients can touch the textures.
- Digital boards: Built in a tool like Canva, Figma, or Milanote. These are easier to share, update, and send to a client in another city.
- Brand boards: Made for one brand, with its colors, fonts, and photo style in one place. Logo designers often build one before drawing a single mark.
- Photography boards: Built before a shoot, with posing, light, and location references so the photographer and the client expect the same photos.
How to Make a Mood Board in 6 Steps
Step 1: Write one sentence about the project
Before you collect a single image, write one line: who the design is for, and what feeling it should give them. For example: "A calm, trustworthy website for a small bakery that sells bread to busy families." That sentence is your filter. If an image does not fit the sentence, it does not go on the board.
Step 2: Gather widely
Collect far more than you need. Look at Pinterest, design blogs, magazines, packaging in shops, and photos you take yourself. Aim for 40 to 60 images at this stage. Do not judge yet. A wide net is how you find a direction you did not plan.
Step 3: Cut ruthlessly
Now remove anything that does not fit your sentence. Group what is left into three or four themes, like color, imagery, and type. Pick the strongest 12 to 16 images. If two images say the same thing, keep the better one.
Step 4: Add color and type
Pull four to six colors from your images and write down their HEX codes. Add a heading font and a body font. If you already have a font list you like, start there. Our roundup of best free fonts is a good place to look for type that fits the mood.
Step 5: Label everything
Write a short note under each image: what it stands for. "This photo is for the warm light, not the furniture." Labels turn a pile of pictures into a brief your client can actually approve. Add your keywords and your one "not this" image.
Step 6: Share it and ask for a reaction
Send the board to your client or team and ask one direct question: "Does this feel right, and what would you change?" If they approve it, the board becomes the reference for every later choice. If they push back, you fix the direction now, before design hours are spent.
Free Tools for Making a Mood Board
You do not need paid software to make a good board. These free options cover most needs:
- Pinterest: Free, and the best place to gather images. Use it to collect, then rebuild your final board somewhere you can label and arrange it.
- Canva: The free plan includes mood board templates you can drag images into. A fast choice for a clean one-page board.
- Milanote: A visual workspace built for boards. The free plan holds 100 notes, images, or links across your account, which is enough for a few boards.
- Figma: The free Starter plan works well if your team already designs in Figma, since the board can live next to the design file.
For a physical board, you need nothing special: a cork board or foam board, pins or glue, printed images, and a few fabric or paint samples from a local shop.
Mood Board vs Style Guide: What Is the Difference?
People mix these two up, and the difference matters. A mood board comes before design. It is inspiration, and nothing on it is a rule yet. A style guide comes after design. It is a set of rules: exact colors, exact fonts, exact logo spacing.
Think of it this way. The mood board asks, "Does this feeling work?" The style guide says, "Here is how we do it every time." You need the first to agree on direction, and the second to stay consistent once the work is done. A brand guideline is the bigger version of a style guide, covering voice, values, and rules for a whole brand.
Common Mood Board Mistakes
- Too many images: Forty images with equal weight say nothing. Cut to the strongest few.
- No labels: A client approves pictures, then rejects your design, because they never knew what each picture stood for.
- Only copying one source: If every image comes from the same Pinterest search, your board will look like everyone else's. Mix sources.
- Skipping the "not this": Without it, you learn what the client dislikes only after you have built it.
- Using found images in final work: Reference images on a board are usually copyrighted. They are fine for an internal brief, but published work needs licensed, newly shot, or original images.
When your direction is set, the next step is building the actual pieces. If the project is a logo, our badge-style logo trend roundup shows how one clear style can carry a whole brand. For templates and ready-made starting points, browse our free HTML5 templates and free PSD business card templates to see how finished designs carry a mood through.
Frequently Asked Questions
How many images should a mood board have?
Aim for 12 to 16 images in the version you share for approval, grouped into three or four labeled sections. Gather 40 to 60 while you research, then cut hard. Fewer, stronger images give a clearer direction than a large pile.
What tools can I use to make a mood board for free?
Pinterest is free and best for gathering images. Canva's free plan has ready-made mood board templates. Milanote's free plan holds 100 items across your account. Figma's free Starter plan also works, and it keeps the board close to your design files.
What is the difference between a mood board and a style guide?
A mood board comes before design and shows the feeling you are aiming for. A style guide comes after design and sets the exact rules: colors, fonts, spacing, and logo use. The mood board gets agreement on direction; the style guide keeps later work consistent.
Can I use pictures I find online on my mood board?
For an internal brief, yes: reference images help everyone picture the same direction. But do not publish those images or use them in final client work unless you have a license or shot them yourself. For anything public, use licensed stock, original photos, or artwork you made.
Conclusion
A mood board is a small step that prevents large rework. One page of images, colors, type, and a few honest words gets you and your client picturing the same design before the real work starts. Write your one-sentence brief, gather widely, cut hard, label everything, and share it for a reaction. The next time a project starts with "make it premium," you will have a picture to point at, and an answer everyone already agreed on.
0 Comments