Moodboard
Definition
A moodboard is a visual collage of images, typography samples, color palettes, textures, and references assembled to communicate the look, feel, and emotional tone of a design direction before any original design work begins.
Moodboards do one job: align stakeholders on a visual direction before it's expensive to change. Disagreements about aesthetic direction are resolved much faster when everyone is reacting to the same set of references than when they're reacting to a half-finished design.
A moodboard typically includes: images (photography, illustrations, UI screenshots that have the right feeling), typography (typefaces that match the desired voice), color palette (actual hex values or Pantone codes, or color images that evoke the right range), texture and pattern (surfaces, materials, graphical patterns), and motion references (links to animations or transitions that capture the energy).
Moodboards are used at the start of a branding project, a product redesign, a marketing campaign, or an app design. They're shared early — before wireframes, before visual design — so the client or stakeholder can say "yes, this direction" or "no, it's too cold" when correction is fast and cheap.
The moodboard is also a creative brief artifact. It translates abstract adjectives in the brief — "modern, warm, trusted" — into concrete visual references that a designer can actually work from.
Moodboards are sometimes assembled physically: images printed and arranged on a wall or whiteboard. Boardsnap captures those physical assembly sessions as structured notes, preserving the rationale for the chosen references alongside the visual collection.
Examples
- A brand moodboard for a new app: dark background palette, cyan/magenta accent references, Inter typeface samples, and three UI screenshots with the right spatial density
- A campaign moodboard: editorial photography style, two color references, and a motion reference video
- A physical moodboard assembled on a whiteboard wall during a brand sprint
Snap a moodboard. Ship its actions.
BoardSnap turns any whiteboard — including this one — into a summary and action plan.