Skip to main content

Mood Boards & Visual Direction

Before committing to a specific visual identity, designers create mood boards — curated collections of images, colors, textures, and typography samples that capture the intended feel of the brand. A mood board bridges the gap between abstract strategy and concrete design, giving everyone involved a shared visual reference point.

Why Mood Boards Matter

Words like "modern," "warm," or "premium" mean different things to different people. A mood board makes the abstract tangible. When a client says they want the brand to feel "bold and energetic," a mood board shows exactly what that looks like — and whether your interpretation matches theirs.

Mood boards save time by catching misalignment early. It is much cheaper to revise a mood board than to redesign a logo, website, or packaging after the fact.

What to Include

A strong mood board typically includes:

Color Palettes

Pull color swatches from your reference images or create intentional combinations. Show five to eight colors that represent the brand's visual direction — a primary color, one or two secondary colors, a neutral, and an accent. Present them as large swatches so the colors are unmistakable.

Typography Samples

Include samples of typefaces that match the brand's personality. Show a heading font and a body font in context — not just the font name, but actual words set in the typeface at realistic sizes. This helps stakeholders evaluate readability and character.

Photography and Imagery

Select photographs or illustrations that capture the brand's mood, subject matter, and aesthetic. Are the images bright and airy or moody and dramatic? Are they candid or highly produced? Do they feature people, products, landscapes, or abstract textures? The style of imagery on the mood board will directly inform the brand's future content direction.

Textures and Patterns

If relevant, include surface textures (paper, fabric, wood, digital gradients) and patterns (geometric, organic, minimalist). These add depth to the visual direction and hint at how the brand might extend to physical products, packaging, or environmental design.

Existing Brand Examples

Including screenshots or elements from brands you admire (outside the client's industry) can be a powerful way to communicate direction. Saying "we want the typography confidence of Stripe with the warmth of Airbnb" paints a vivid picture.

How to Build a Mood Board

Gathering Inspiration

Start broadly and narrow down. Sources for visual inspiration include:

  • Dribbble and Behance for design-specific work
  • Pinterest for wide-ranging visual inspiration
  • Photography sites like Unsplash for imagery
  • Real-world observation — packaging on store shelves, signage, magazine layouts

Collect far more material than you need. It is easier to edit down a large collection than to search for more later.

Curating and Editing

Once you have gathered 50 to 100 reference images, start editing ruthlessly. Remove anything that does not clearly support the intended direction. The final mood board should have 15 to 25 elements that all point in the same direction. If an image could belong to a different brand's mood board, it is too generic — remove it.

Tools

You can build mood boards in almost any tool:

  • Figma or Adobe XD — ideal for digital-first brands and easy sharing
  • Pinterest boards — quick to assemble but less polished for client presentations
  • Milanote — designed specifically for mood boards and creative projects
  • Physical boards — printed images pinned to a corkboard can be effective for in-person workshops

Presenting to Stakeholders

When presenting a mood board, do not just show it — narrate it. Walk the audience through the choices:

  • "We chose this color palette because it communicates warmth without sacrificing professionalism."
  • "These photography examples show the candid, human-centered style we recommend for the brand's social media."
  • "This typeface pairing balances authority in the headlines with approachability in the body text."

Present two to three distinct mood board directions if the visual strategy is not yet locked in. Label each direction with a short name (like "Bold & Vibrant" vs. "Refined & Minimal") to make the choice clear.

After alignment on a mood board, it becomes the north star for all visual design work that follows — from logo design to website layout to social media templates.