Creatos Logo
Buy License
AI Notes

How to make a mood board that settles a visual direction

Make a mood board from a clear brief. Use a worked coffee-brand example, reference annotations and a decision record to choose a usable visual direction.

Published
4min read
Filed under
Constructed coffee-brand mood board with a brief and two directions, each labeled with a use and a constraint.
Original explanatory diagram; a constructed example, not a product screenshot or client project.

Sources checked:

Prepared with AI assistance; sources and conclusions are reviewed before publication.

On this page

A mood board brings visual references together to choose a project's direction. It can include images, color samples, type treatments and short notes. A useful board explains what to take from each reference and leaves you with a decision you can use in the next draft.

Start with a brief, gather relevant references, group them into coherent directions, then ask for a specific choice. The worked example below shows how to make those steps concrete without needing a particular app.

Write the decision before collecting images

Figma's mood-board guide recommends defining a goal, collecting inspiration, arranging the board, adding commentary and gathering feedback. The difficult part is often deciding which of several attractive references belongs in the same project.

For this constructed example, imagine a small coffee brand preparing a page for a new blend. The brief is:

Help customers recognize an approachable, everyday coffee. The page needs to work with existing brown packaging and readable product information. Choose a photographic and graphic direction before making the page.

Write down the constraints beside the brief. In this example, the team has existing packaging photography and limited time for a new shoot. Those constraints should affect the choice. A direction that depends on a studio set the team cannot produce is a poor fit, however attractive the reference looks.

Build two directions that can be compared

Use references you have permission to use, or retain links to the originals where copying is not appropriate. A reference found through image search is not automatically available for publication. Keep its source and any use restrictions with the board.

The following table is an example of planning decisions, not a report about a real client:

ElementDirection A: everyday kitchenDirection B: graphic product study
PhotographyCup and packaging in natural-looking surroundingsIsolated package with a controlled background
PaletteCream, brown and a small warm accentBrown with a stronger contrasting accent
Type treatmentPlain, readable labelsLarger display text with restrained supporting text
Detail to preservePackaging remains easy to identifyProduct information remains easy to scan
Production questionCan existing photos support the setting?Can we make consistent cutouts or new product images?

Choose or create a few visual references for each column. Put the strongest example where it is easy to see, then group supporting references by photography, palette and type. The cover illustration demonstrates this structure using original schematic artwork; it is not a screenshot from a completed client project.

Label the detail you want to borrow

Give each reference a short annotation with three parts: the useful detail, where it will be applied, and what should not carry over.

For example: “Use the soft side lighting for the package photo. Keep enough contrast to read the label. Do not copy the decorative background objects.” That note gives a photographer or image creator something to act on. “Love the vibe” leaves them guessing.

Avoid mixing contradictory choices without a reason. If one reference suggests soft natural light and another suggests hard colored shadows, either separate them into different directions or explain which element each reference controls. More images will not resolve an unexplained conflict.

A reusable annotation looks like this:

Reference and source:
Use this detail:
Apply it to:
Do not carry over:
Production constraint or question:
Permission / license / link-only status:

If you add AI-generated concepts, label them as concepts. A plausible generated package or texture does not prove that the physical product or a production method exists.

Ask for a choice that affects the next draft

Review the directions against the brief. For the coffee example, ask which direction makes the existing packaging easiest to recognize and which can be produced with the available material. Ask reviewers to identify the reference and detail they want changed.

Record the decision separately from general comments:

Chosen direction:
Reason against the brief:
Keep these references and details:
Change these details:
Still unresolved:
Next artifact to make:
Reviewer and decision date:

If a reviewer selects A's photography and B's type treatment, create a revised board that shows that combination. Otherwise different people may continue using different interpretations of the same approval.

Move the board into your working setup

Any workspace that keeps references and notes readable can support this method. If you already use Creatos for visual research, its documented image imports, text nodes and sticky notes can keep the references beside the brief and decision record. Check the flow-editor documentation for the actual workflow. JSON export retains a reusable canvas format; PNG export provides a visual copy to discuss. This guide does not demonstrate a new native-app session or promise live collaborative editing.

The existing research-canvas recording shows the general workspace with sources and notes. It can help you assess the layout before choosing a tool. Creatos uses a paid desktop license, and any AI provider usage through your own key is a separate cost; this method does not require purchasing it.

Finish with the selected references, their annotations and one written direction for the next artifact. Keep rejected alternatives off that final board so the person making the draft can tell which decisions are current.

Sources