Skip to content

How to make a moodboard: images, color, and direction

A moodboard brings images, color, texture, and short notes together to show a visual direction. If you're wondering how to make a moodboard, start with a small brief, collect references for a reason, and edit them into a set that belongs together. We'll use a fictional ceramics studio as an example.

A four-step moodboard process, an example direction statement, and questions to use when reviewing the board.

Noteboard.ai moodboard with ceramics studio, clay and linen, and bowl reference images, clay, linen, and olive swatches, and a written visual direction.
A ceramics identity moodboard built with image cards, named color swatches, and a short direction statement. Reference imagery is illustrative.

1. Decide what the moodboard needs to communicate

Write who the work is for and where it will appear. A studio website, a film scene, and a room renovation each ask different things of a moodboard. For our example, the studio wants a website that makes first-time workshop visitors feel comfortable enough to find a session and book.

Choose a few descriptive words and explain what they mean here. “Warm” might mean natural light and familiar materials. “Clear” might mean simple type and a visible booking link. Without that explanation, two people can agree on a word while imagining very different work.

Add any useful boundaries. The studio has its own photographs, uses an existing logo, and needs the work to remain readable on a phone. Keep that brief beside the references so you can check the collection against the job it needs to do.

2. Collect images and explain what you want from each

Look for references that answer a design question. You might need one for lighting, another for a material texture, and another for the balance between images and text. An image can contribute one useful detail without becoming a model for the whole project.

For the studio, collect a natural-light workspace photo, a close view of clay or linen, a simple editorial layout, and a small set of colors drawn from the materials. Add a note such as “keep the hands and tools visible” or “use this amount of space around a heading.”

Use your own material or references you have permission to use, and retain their source details. In Noteboard.ai, upload, paste, or drop images onto the board and write the reason beside each one. Avoid relying on memory to explain why an image was included.

3. Edit the references into one direction

Review the collection against the brief. Remove an image if it repeats another reference without adding anything, or if you can't explain how it belongs. You can save appealing alternatives on a separate board without forcing them into this direction.

Give the image that best represents the direction enough space to lead. Place supporting textures, colors, and type references nearby. Use crop or fit to show the useful part of an image, then align related items. The layout should make the relationships easy to read.

Add named color swatches and a few short notes about how the colors would be used. A dark ink for text and a warm paper color for backgrounds explain more than a row of unexplained hex codes. When looking at mood board examples, pay attention to these choices as well as the images.

4. Write down the direction and ask for specific feedback

Add a short paragraph describing the choices someone should carry into the design. Include what leads, what supports it, and any detail that still needs testing. That paragraph lets the board make sense when you aren't there to talk through it.

Share the board or export a PNG or PDF for review. Ask questions tied to the brief: does this feel understandable to a beginner, is the studio's work easy to see, and which reference feels out of place? Ask people to explain the mismatch rather than simply choosing a favorite image.

Record the decision after the review. If the team agrees on natural-light photography but is unsure about the type, write both things down. The next design round can then test the open choice without restarting the whole conversation.

Photography
Use natural-light images of hands, tools, and work in progress so visitors can picture the activity.
Color and type
Keep a warm neutral background, dark readable text, and simple headings. Let the ceramic work provide most of the color.
Review question
Can a new visitor understand what they will make and find the workshop details in a rough page layout?
The moodboard establishes choices to explore in a design. The page layout is where those choices are checked in use.

If the moodboard feels inconsistent

Return to the brief and describe the conflict plainly. Perhaps one photograph feels formal and distant while the others feel informal and close. Decide which quality serves the audience, then replace the reference that pulls the board in a different direction.

If everything feels similar but the board says very little, check the range of references. Five near-identical photos may establish a mood but leave typography, composition, and color unanswered. Add the missing kind of reference rather than collecting more of the same image.

An AI prompt for this workflow

Based on these written direction notes, suggest three questions to check whether this concept fits the audience and brief.

What should a moodboard include?

Start with a short direction statement, a small set of image references, a color palette, and notes about typography, texture, or composition. Explain the quality you want from each reference and keep the overall direction coherent.

Try this in Noteboard.ai

Bring your images and color references onto a board, then add a short explanation of the direction.

Explore Moodboards

Further reading

Build the visual direction on a board

Bring your images and color references onto a board, then add a short explanation of the direction.