Use this mood board template to compare visual directions and explain why each element belongs. The worked example includes two original compositions for the same brief, plus a mismatched tile to revise before final artwork.
Keep one brief beside both directions
The fictional project is an invitation to a community print exchange. The brief asks the designer to explore a handmade-paper direction and compare it with a more geometric treatment. No final poster, logo, or brand system has been approved.
The event date, location, invitation wording, artwork dimensions, production requirements, existing brand assets, and approver are TO CONFIRM. The example uses original drawings and system-font specimens, with no borrowed photos, logos, or third-party artwork.
Both boards explore the same invitation. Their differences should help a colleague discuss composition, marks, color, and type before deciding what to design.
Read Direction A: Paper and ink
Choose Paper and ink to inspect overlapping paper shapes, uneven ink lines, a serif type specimen, and a cream, ink, and rust palette.
| Element | What it proposes for the invitation |
|---|---|
| Overlapping paper illustration | Explore a layered-paper image as the main visual, with the invitation wording kept separate. |
| Uneven ink-line detail | Try an irregular border or small drawn accent instead of outlining every text block. |
| System-serif type specimen | Explore the displayed serif treatment for the title; confirm the final font and actual text later. |
| Cream, ink, and rust swatches | Use the shown colors as a provisional palette to try with the paper illustration. |
The palette is cream #F4E8D0, ink #27343D, and rust #A74E32. These are proposed colors for this exercise, not approved brand values or a claim about how people will feel.
Select an element to read its note beside the composition. A caption such as “Use this uneven edge around the illustration” is more useful than “Nice texture”: it names what the designer might carry into the next draft.
Compare Direction B: Cut and fold
Choose Cut and fold. This board uses angular paper forms, a more structured block arrangement, a sans-serif specimen, and navy, coral, and cream. It should look different from Direction A before you read the captions.
| Element | What it proposes for the invitation |
|---|---|
| Geometric folded-paper illustration | Explore a cut-and-fold motif instead of the loose paper-stack image. |
| Structured block arrangement | Test a firmer separation between the main image and the invitation information. |
| System-sans type specimen | Explore the displayed sans-serif treatment with that block arrangement. |
| Navy, coral, and cream swatches | Try this alternative palette with the geometric forms. |
Direction B uses navy #21324D, coral #D97564, and the same cream #F4E8D0. Sharing one color keeps a point of comparison while the imagery, arrangement, and type treatment change.
Neither option has been tested with an audience. The board does not establish that serif type is more welcoming, that coral attracts more visitors, or that either arrangement is readable in the eventual invitation size. Those would require a real design and appropriate evidence.
Replace the element that pulls Direction A elsewhere
Return to Paper and ink and choose Before revision. A glossy blue-to-violet gradient tile sits among the paper and line references. Its polished surface treatment points away from the matte-paper direction stated in this board.
Choose After revision. The tile is replaced with an original cream-paper detail with an uneven ink line. The revision note explains the decision:
Replace the glossy gradient with a paper-and-line detail so this reference supports Direction A's stated material treatment.
The other elements stay in place, and Direction B remains unchanged. You can still compare the two directions. Revising one board does not select it as the winner or turn it into final brand guidance.
Milanote's mood-board guide describes setting a direction, arranging visual references with a hierarchy, explaining choices, and asking for specific feedback. Use those planning steps with material you have permission to use. This example's artwork and rationale are original; no reference image needs to be copied from the guide.
Ask for feedback that can change the next draft
Ask a colleague, “Which element would you carry into the invitation, and where would you use it?” Then ask which element conflicts with the stated direction. Their answer should identify a reference and a proposed use, rather than only naming a favorite board.
For Direction A, a useful authored feedback example is: “Keep the uneven edge around the main illustration, but leave the information area plain.” That is a suggestion for a future design, not feedback from an actual participant or proof of readability.
Record the suggestion, what you plan to change, and what still needs a decision. Confirm the real event information and production requirements before making the invitation itself. Keep reference permissions and final artwork in the project's maintained records.
Copy a prompt for two visual directions
Create one complete self-contained HTML mood-board review page.
Project brief, intended audience, and purpose of the board: [PASTE]
Proposed directions and constraints: [PASTE]
Permitted reference material and source/permission notes: [PASTE]
What each reference contributes to the design: [PASTE]
Feedback, unresolved facts, and next design decision: [PASTE]
Use only permitted material. Keep exploratory references and
proposed decisions distinct from final artwork or approved brand
rules. Do not invent audience reactions, client approval, font
licenses, conversion gains, color psychology, or readability tests.
Include this separate original fictional community print-exchange
invitation brief. Explore a handmade-paper direction and compare
a geometric alternative. Date, place, invitation wording, dimensions,
production requirements, brand assets, and approver: TO CONFIRM.
No approved poster, logo, or brand system exists in this exercise.
Build two genuinely different visual compositions using original
inline SVG drawings, system-font specimens, and visible swatches.
Do not return only palette tables or two renamed text-card grids.
Keep the common brief and provisional status visible in both.
Direction A, Paper and ink:
Dominant original overlapping uneven paper-stack illustration,
an uneven ink-line detail, a system-serif title specimen, and
cream #F4E8D0 / ink #27343D / rust #A74E32.
Arrange the paper references with a loose layered hierarchy.
Element notes:
Paper illustration: explore layered paper as the main visual;
keep invitation wording separate.
Ink line: try an irregular illustration border or small accent,
not an outline around every text block.
Serif specimen: explore this title treatment; final font/text unknown.
Palette: provisional colors to try with this illustration.
Direction B, Cut and fold:
Dominant original geometric folded-paper forms, a structured block
arrangement distinct from A, a system-sans specimen, and navy
#21324D / coral #D97564 / cream #F4E8D0.
Element notes:
Folded forms: explore a cut-and-fold motif instead of loose layers.
Block arrangement: test a firmer image/information separation.
Sans specimen: explore this type treatment with the block arrangement.
Palette: alternative colors to try with the geometric forms.
Paper and ink / Cut and fold buttons display their actual different
compositions. Let the reader select each element and inspect its
exact rationale. Keep explanatory text outside scaled drawings so
it stays readable. Add text equivalents for the original artwork.
For A only, Before revision shows one glossy blue-to-violet gradient
tile conflicting with the stated matte-paper direction. After revision
replaces only that tile with an original cream-paper/uneven-ink-line
detail. Explain: Replace the glossy gradient with a paper-and-line
detail so this reference supports Direction A's material treatment.
Keep A's other elements and all of B unchanged. Retain A's selected
revision when switching to B and back. Do not mark a direction approved.
Include a separate blank seven-field scaffold: Project brief;
Proposed direction; Reference IDs; Source and permission notes;
Element rationale; Feedback; Next revision. Keep exact typing
across board/element/revision changes. Confirm before clearing
all seven; cancel preserves typing, clear preserves the worked
boards and their current state.
Use labeled native buttons, selected states, visible keyboard focus,
and at least 16px explanatory text. Stack at 360px without horizontal
page scrolling; keep whole compositions and notes inspectable.
All CSS/JavaScript/artwork inline. No remote assets, image search,
uploads, collaboration service, storage, submission, or fake export.
Typing lasts in this open page only. Return full HTML and unresolved
brief/permission/design questions.
Read the generated notes against the actual drawings. The paper stack, folded forms, and replacement tile must be visible, and each note should explain the element it accompanies. A caption cannot stand in for missing visual work.
Carry one clear revision into the design conversation
Put a permitted HTML board in your NOS workspace when a colleague needs to compare the compositions with their rationale. Keep the original references and final design files in the tools and records your project uses.
If a caption says only “Paper texture,” revise that static wording in visual editing mode to “Try the uneven edge around the main illustration; keep the invitation text on a plain surface.” Save the clarification so the colleague reopening the existing link can discuss that specific use. A caption edit does not replace the artwork or settle the final layout.
Take the chosen references, their intended uses, and the remaining questions into the next invitation draft. Keep the board available as the reasoning behind that exploration while the actual design is still being decided.