Game Design Moodboard Template

Game Design Moodboard Template, within the Milanote app

Develop the look and feel of your game design

Experiment with an aesthetic and collate ideas for your game design with a moodboard. Creating a reference point for visual and written artefacts can help create depth and enrich the game development process.

Collect and organize relevant character and scene inspiration, reference imagery, color palettes, videos, and objects to experiment with visuals and arrange ideas on the free-form canvas.

Milanote helps you share concepts early on and collect suggestions and feedback from collaborators so you can bring together ideas, inspire and stay on track.

This template is part of our guide on How to create a modern game design document.

  • Explore ideas
  • Organize visually
  • Share with your team & clients
  • Gather feedback
  • Export to PDF

How to use this template

Whether you're crafting your own video game concept or working on one for a client, bring your game's creative vision to life with a Game Design Moodboard using Milanote, a free tool favored by top game designers.

1. Start with an empty template

The Game Design Moodboard template contains beautifully composed placeholders for images, video and color swatches. Just drag and drop your content onto the board to create a moodboard in minutes.

Game design moodboard template
How to do this in Milanote
  1. Create a new board for your moodboard.

    Create a new board

    Drag a board out from the toolbar. Give it a name, then double click to open it.

  2. Choose a moodboard template.

    Choose a template 

    Each new board gives you the options to start with a beautiful template.

2. Collect existing material

Start by adding any images you've collected. These can be character references, texture maps, environmental concepts, or other visual inspiration. Drag and drop these images onto the moodboard.

Game design moodboard template step02
How to do this in Milanote
  1. Drag files from your computer.

    Upload a file or document  

    Click the "Upload file" button or just drag a file onto your board. You can add images, logos, documents, videos, audio and much more.

3. Add inspiring imagery

Adding inspiring imagery to a game design moodboard is essential because it guides the creative process, reinforces the game's theme and tone, and sparks creativity. Use Milanote's built-in image library or search for visual elements from around the web.

Game design moodboard template step03
How to do this in Milanote
  1. Use the built-in image library.

    Use the built-in image library

    Search over 500,000 beautiful photos powered by Unsplash then drag images straight onto your board.

  2. Install the Milanote Web Clipper

  3. Save images from other websites straight to your board.

    Save content from the web

    Roll over an image (or highlight text), click Save, then choose the destination in Milanote. Return to your board and find the content in the "Unsorted" column on the right.

4. Add color swatches

Color can be a great way to express a particular feel, personality or energy. As painter Johannes Itten said, “Color is life.” Tools like Kuler can be a great starting point for finding colors that work well together. Another trick is to pick colors directly from the images and photos you've added to the board.

Game design moodboard template step04
How to do this in Milanote
  1. Add a color swatch to a board.

    Add a color swatch

    Drag a Note card onto your board, enter your colour #HEX code and press enter. E.g. Teal looks like this: #008080

5. Refine the layout

Once you have all your inspiration in one place, start refining your ideas to create the perfect composition.

Begin by exploring layout and introducing hierarchy. Place a key element to anchor your board, and change the size and position of the remaining elements to indicate their importance and relationships to one another.

Game design moodboard template step05
How to do this in Milanote
  1. Resize your images to add hierarchy.

    Resize images

    Drag the corner of an image to resize it. Double-click the corner to return it to its original size.

  2. Crop into the right part of an image.

    Crop images

    Double-click an image and press edit to crop or rotate it.

6. Share your moodboard

A moodboard helps you communicate the look and feel of your game with a team early on in the project. Collect suggestions and feedback from collaborators so you can bring together ideas, inspire and stay on track.

Game design moodboard template step06
How to do this in Milanote
  1. Invite someone else to edit to your board.

    Invite editors to your board

    Open the "Editors" menu from the title bar of your board. Add email addresses of the people you'd like to collaborate with—they'll receive an invitation via email.

  2. Collaborate in real time.

    Collaborate in real time.

    When multiple people on your team edit a board at once you'll see their updates appear in real-time.

Start your Game Design Moodboard

Develop the look and feel of your game design