11 Inspiring Mood Board Examples: Step-by-Step Guide (2023)

For all of the typing, talking, and hand signals someone can do when expressing an idea, it's so hard to convey instantly. Communicating an entire brand, vision, or feeling often comes easier visually.

People process images 60,000x faster than words—here's a visual to help you digest that information quicker.

Mood boards have been around for a while. They are a vital tool for UX designers, product designers, web designers, graphic designers (the list goes on) for ideating and communicating ideas rapidly and effectively.

In this article, we'll explore the science behind a mood board, how to create one, and share eleven mood board examples to inspire your next design project. Whether you're "mood boarding"—yes, it's a verb—for personal or professional projects, a mood board is an incredibly useful tool to inspire and jump-start the design process.

Let this article be your mood board, of sorts, to kick-off mood boarding. Enjoy!

What is a mood board?

In short, a mood board is a collection of content to translate an idea or thought visually.

A mood board sets a specific tone for anything. Whether you're building a new product, a campaign, or a brand, a mood board can communicate ideas using shared design references.

A mood board is used for a team or an individual's work process and benefits both. Also known as an inspiration board, they are the first step between an idea and the first rendition of work. They help to get minds collectively, visually organized and inspired for what's to come.

It saves time in the early stages of a design process by getting a team on the same page and eradicating lengthy meetings trying to explain how something should feel. Research shows, mood boards allow designers the creative freedom they need while remaining coordinated and organized. Win, win.

What is a mood board used for?

Mood boards serve three primary purposes:

  • Define an idea or project: By turning your idea or concept into a series of images, colors, and designs, it becomes tangible. Mood boards help translate the feel of your ideas into real, visual assets and inspiration, which helps support your project and ensure everyone’s on the same page.
  • Inspire new angles or creative routes: Especially useful if you’re still in the process of discovering your project (e.g. a brand identity, new product design), mood boards are invaluable for bringing together the vision, identity, and impact you want your project to convey.
  • Direct in times of uncertainty throughout a project: In one glance, a mood board can tell people much more about your project than you can in ten minutes. Not only can mood boards become a source of truth when designing, they can act as a guiding star for brand identity and project goals; somewhere for people to come back to and remind themselves what you’re working on, and what that looks like.

What to include in a mood board?

The truth is, anything goes if it helps you achieve your goal. Mood boards are not only great for ideation and generating new ideas, but they can also aid the production process. They can do this by being a reference point for inspiration or research if a product team is ever feeling lost.

Most people turn to images as their base for a mood board. However, don't shy away from blocks of color, textures, fonts & typography, and other visual formats.

The content a mood board will include often depends on the type of project and goal. If you’re creating a mood board for a UI or UX project, you’re more likely to have website or app mockups that inspire ideas and development.

Whereas, if you’re creating a mood board for the interior design of an office, you’re likely to have texture samples, furniture designs, and color palettes. Look for the content that suits your goal best.

Picking a theme for your mood board will help you decide on the type of content you want. Your theme doesn’t have to line up directly with your product, but it’s there to unify the mood board.

For example, an app that tells surfers what the tide is like in their area could have a beach themed mood board. This doesn’t mean every image needs shells and beach towels, but it could direct the color scheme to corals, and include natural textures.

Think about what you want to feel when looking at the mood board; each item should evoke that feeling or serve a particular purpose based around it. If it doesn't serve its purpose on its own, then get rid of it.

Pro tip ✨

If you like a piece of content because of its UX appeal, don't disown it because the color, for example, doesn't fit your mood board's aesthetic. Likewise, don’t disregard a product with a design you love, simply because the product is not the same type of product as yours—consider everything. Sometimes the best ideas come from translating inspiration to a different platform.

(Video) HOW TO CREATE A MOOD BOARD | A Step by Step Guide

Should I create a physical or digital mood board?

This question comes up a lot: there's no right or wrong answer. Both online and offline mood boards have their advantages and disadvantages. The type of mood board that works best for you will depend on your project, resources, and the goal of your board.

Offline mood boards

The great thing about offline mood boards is they're tactile, impactful, and can appeal to more senses— smell, touch, taste. They're also collaborative when you're in the same space. Offline mood boards can be great for client pitches, small same-space teams, and designers looking to immerse themselves in the process.

A physical mood board example from Jen Liu

However, offline mood boards are limited to precisely that, offline. It means for all the work you put into them, only those in the same room can utilize them. A photo or even a video of a physical mood board will never do it justice, resulting in temporary work and a missed opportunity to grow your ideas as your project does.

Online mood boards

Although limited on the tactile front, the amount of digital tools and resources available at a few clicks is massive. You're also able to find styles, images, and thought pieces that are more likely to evoke the feelings of what you want, rather than relying on your handy skills to create them.

A digital mood board example from Canva

Of course, a massive bonus with online mood boards is their shareability. If using a mood board tool or platform, like Milanote, Pinterest, or Adobe Spark, online collaboration opportunities are endless.

This is especially useful after 2020’s shift into remote work. With more companies taking the remote leap and staying there than ever before, our processes need to be as readily remote as we are.

Plus, online mood boards don't need to be removed because someone wants the whiteboard. They can be a work in progress throughout the entire design process—a digital canvas never runs out of paper.

Tools we’d recommend for mood boarding include:
Miro, Pinterest, Canva & Milanote

How to create a mood board

For this article, we'll focus on creating a digital mood board. There are a few things to keep in mind when designing your mood board.

1: Start early

Start a mood board before a project officially launches, to enter the process with a clear idea of its tone and feel. This will help you organize ideas and kick the project off with everyone on the same page, or board in this case.

2. Include different design elements

Consider every possible piece of content to include, from quotes to GIFs to specific images. Whatever helps you get your theme across. This might be:

Imagery, art & graphics
Imagery is possibly one of the most powerful mood boarding tools, so use it. The imagery you include can portray so much, from colors schemes and emotions, to design style and target audience. Don’t just think about the colors or literal images though, consider the feel of them. Use visual metaphors (a fast car for speed, lightning for power, the ocean for tranquility) and mix it up with a variety of photography, illustration styles, even classical art.

(Video) Easier Way to Make Digital Moodboard | Steps by Steps Guide

The right color can convey everything from emotion to brand identity. If you have a distinct color palette in mind, now’s the time to lay them out together and introduce other design elements (graphics, patterns, fonts) in to bring it to life. If you’re still brainstorming, use this time to play around this different color schemes and combinations until you hit one that conveys what you want.

Tip 🎨 If you’re brainstorming color palette ideas, use a helpful tool like ColorSpace to generate infinite color palettes fitting different criteria

Words & phrases
In our everyday life, words are infinitely impactful. The swap of one word to another can change the whole tone of a sentence. Even a simple piece of punctuation can complete change something’s meaning. Use words and phrases to your advantage, whether it’s a single word that encapsulates the energy of your project, or a quote that envisions what you aspire to create.

Different styles of font send different messages with them. A serif font feels professional, organized. While a sans serif font is more relaxed. Cursive, script typography feels extravagant or creative, and block capitals show a sense of authority. Think about what tone you want to get across—how do fonts play into that?

Textures are powerful. Marble feels sleek, simple, elegant. Smooth concrete is strong, modern. A bumpy piece of fabric feels disruptive, tiles on a wall feel orderly. Use photos of textures on a digital board, or real materials on a physical mood board to bring this emotion and messaging to life. Play with fabric, paper, tiles, buttons, sand, leaves.

Patterns & shapes
Consider the patterns and shapes you see each day—how do they make you feel? Designers have a great understanding of how different patterns and shapes convey emotions or concepts, so look to existing mood boards or product UI you like for inspiration. Use organic shapes, like those found in nature (the soft curve of a wave, the gentle bumps of a tree) to show calm, while busier patterns reflect energy and movement. Repeated patterns can convey order, or mania.

It's worth noting here that looking on Google should not be your go-to option if you want to find great media, consider more design-focused platforms like Behance or Dribbble—a sort of social media platform for design—to curate your own mood board.

3. Think of your audience

It's important to consider who you're mood boarding for and the type of person they are. Is it for yourself? A product team? A client? An entire business? Don’t limit this to only the audience of your design concept, consider the audience of your project as well. By fine-tuning your audience, it will inform your work.

4. Let it support briefs

A good mood board can come hand-in-hand with a design brief. For example, you can share a brand board with a designer alongside a UX design brief of a new product. It will help team members understand how you want the task to look and feel.

5. Find a layout that works

As you'll see with the mood board examples below, they come in different layouts, some are regimented and present content in the same dimensions, while others come with different content in various sizes.

All creative processes are different and you need to find the layout that works best for you and your project. For example, if you’re working on a mood board for UX purposes you may want to consider a layout that reflects the interaction of your product.

The layout will also depend on the design ideas you want to convey and the platform you're using. For example, Canva or Adobe Spark grants a lot more flexibility than Pinterest.

Whereas, if you’re working on a mood board for interior design purposes, different shapes and sized content can help add the same amount of depth and result you’d like to see with your interior design.

6. Keep in mind brand guidelines

It can be easy to stray away from a brand as you dive deep into mood boarding. Try to stay on-brand or as close to it as you can with the graphic design of your work.

7. Keep it up to date

Dependent on what you're mood boarding for and why, it might be a good idea to keep the mood board updated regularly. When you’re building a mood board for a product, then it should evolve just ahead of your product. Let your process inform your mood board and use it as a constant reference point if ever lost for inspiration.

8. There's never too much

When you're mood boarding, don't get in your head about using too many examples. You can always remove some later, but it's harder to get back into the mood board mindset and add more if you're falling short. Overdo it and then analyze each piece of content and ask whether it enhances the mood board by being there.

Plus, concepts, or comps— comprehensive layouts— rarely come as one rendition. Don't be afraid of creating two or even three mood boards that take your idea down different visual paths, then lock down the one you think works best for the goal at hand.

To lock down a mood board you want to run with, share it with your team and get feedback, and align it with your brand mission and vision. What feels right for everyone?

9. Make it an available reference point

To keep your mood board as a reference point, you need to make it accessible. Also, consider collaborating on the mood board with key stakeholders. When used as an idea generation tool, everyone involved in the project should contribute to the mood board.

11 Mood board examples to inspire you

Looking for mood board inspiration? Look no further. We’ve scoured Behance (Adobe’s social media platform for showcasing creative work) for the greatest uses of mood boards, and collected 11 styles to inspire your next design project.

Hint: If you're looking for more design inspiration, check out these 17 graphic design books to change your approach to design.

1. Typography mood board example

(Video) How to Create Great Mood Boards | A Step by Step Guide | Free Template

A mood board byNadin Stavytska | Click to view

A typography mood board is an opportunity to narrow down the style of font and text you’d like to use. Consider how you feel about serif, cursive, all caps? Seeing all your options together is a great way to see which reads best, and you can make an additional mood board with final elements to see how well your chosen typography ties in.

2. 3D design mood board example

Mood board byAdam Tomajko | Click to view

We love some 3D design at Maze, so this is a popular mood board in our design teams. Using 3D designs can create more depth to your ideas, and carry more weight as a result.

3. Logos mood board example

Mood board byRyan Paul | Click to view

Who hasn’t thought about their favorite—and least favorite—logos? Whether it’s your local sports team or an indie tech company, logos are vast and varied. Collate some of your favorites together for some inspiration.

4. Color palette mood board example

Mood board byNatalie Gonzalez Lazo | Click to view

Selecting a color palette is a big task. Putting all your options in one place makes it easier to compare the variations, from bold, contrasting schemes to minor hue differences.

5. Illustrations mood board example

Mood board by Siow Jun | Click to view

Determining your illustration style—or if you want illustration at all—can be overwhelming. From simple line-work to detailed realism or cartoon-style graphics, there’s a lot of options. Collate your favorites on one mood board, or make a series to compare the individual styles.

6. UI mood board example

Mood board by김 혜빈 | Click to view


Mood boards are an ideal way to start brainstorming your UI. Consider what colors draw attention, which typography works best for the home page, where should the logo sit?

7. UX design mood board example

Mood board byAditi Sisodiya | Click to view

Just as with UI, mood boards are a great way to present different UX elements and decide which you want, and how to lay them out. Use a mood board to collect your favorite examples of innovative, inspiring, or effective UX design.

8. Mobile app design mood board example

Mood board by Vaishu Patel | Click to view

Designing a mobile app has many complex steps, but this can be made easier with a mood board. Gather inspiration from your favorite apps to use, from the app layout to illustration style and color palette. Putting these options all in one place will help clearly show what direction you want to set off in.

9. Posters mood board example

Mood board by Iya Briones | Click to view

Working on a poster? Whether it’s digital or print, getting the design right is crucial. You need to be aware of space, color, font, images… the list goes on. A mood board can help narrow down each of these elements until you’re left with a definitive picture of what you want energy you want your poster to give off.

10. Product design mood board example

Mood board by李 一鸿 | Click to view

Using a mood board for product design can really help streamline your conceptualizing. If you have a definitive product style in mind, put together a set of products that exemplify this style. If you’re still narrowing down what design you want, then use a mood board to display product designs you find inspiring or intriguing. Which work well, and which don’t?

11. Website design mood board example

Mood board byGalih A. P. | Click to view

There's a lot to consider with a new website, whether you're designing from scratch, using a template, or just creating a new page. Use a mood board to consider your favorite websites to use and look at. What elements work, and what don't?


How do you make a moodboard step by step? ›

There are three steps to making a moodboard:
  1. Brainstorm your theme. You probably have some ideas in mind from the get-go. ...
  2. Collect your elements. Take your early sources of inspiration, then challenge yourself to think outside of the box to find more. ...
  3. Review, curate and present your board.
Aug 30, 2021

What is mood board with example? ›

Mood boards are physical or digital collages that arrange images, materials, text, and other design elements into a format that's representative of the final design's style. Mood boards can be used for creating brand designs, product designs, and pretty much any other type of design project.

What are the 4 components of a mood board? ›

These are the key mood board elements you must include in your design presentation:
  • Develop a Creative Concept Beyond Aesthetics. ...
  • Select a Consistent Color Palette That Represents Your Project. ...
  • Choose a Typography Series for Every Written Piece. ...
  • Create Textures and Prints According to Your Color Palette.

What are the three steps in creating a moodboard? ›

Three steps to creating the ULTIMATE moodboard
  1. DEFINE YOUR PURPOSE. There are a few different ways to arrange your thoughts and visualise what you like. ...

What makes a good mood board? ›

A great moodboard has a good balance of unity and variety. Make sure each moodboard is highly curated and assembled into a composition that focuses on what matters. Creating moodboards is a creative exercise in it's own right, so be bold and inventive.

What is a mood board diagram? ›

A mood board is a diagram that maps out the type of emotion you want to convey for a project. Typically, this is done by visually displaying color schemes, typography, and imagery to project the emotion you are communicating.

What are the 2 types of mood boards? ›

Mood boards can be digital and physical. These visual representations inform the viewer of the overall feel or vibe of the concept. They have great use in the creative process of illustrators, graphic designers, interior and industrial designers, photographers, and other creatives.

What are the contents of a mood board? ›

Most mood boards are collages of photos, colors, font types, textures, and other items. While some mood boards may contain words, words are rarely the focus. You can find many more examples on Dribble or Pinterest.

How do you write a brief on a mood board? ›

The brief contains: a problem statement that should be resolved by the completed design, the audience that you are targeting with your product, constraints—limitations—to work around and with, format of the final design or designs, timeline, research, and any other details that will help you start working on a project.

What do you put on an inspiration board? ›

You can include anything from magazine and newspaper clippings to photos, found objects, receipts, handwritten quotes, font samples, buttons and badges from conventions, and more. If it inspires you, it can go on your board!

What is the difference between mood board and inspiration board? ›

Inspiration boards are generally less widely used. This is because inspiration boards are more specific. They have a greater focus on elements like details, colors, and texture to serve as a valuable building block for the project, as opposed to a mood board that concentrates on conveying a feeling.

How many pictures should be on a moodboard? ›

When agencies send photographers mood boards, they usually contain 5-15 images. Try to stick to this range for the number of photos in your mood board. When it comes to mood boards, less tends to be more. Too many images can dilute the essence of the feeling and atmosphere you are trying to get across.

How do you make a killer on moodboard? ›

Creating a mood board is not just gathering the images, fonts, and textures that you like in one place.
How to choose the right content for your mood board
  1. Identify your brand personality. ...
  2. Study your target audience. ...
  3. Be consistent. ...
  4. Keep searching. ...
  5. Systemize. ...
  6. Use your mood board.
May 31, 2022

How do you make an inspiration board? ›

How to make a mood board
  1. Open Canva. Open up Canva and search for "Mood Boards" to start a design.
  2. There's a template for every theme with Canva's wide range of mood board templates. Just click on a template to start designing.
  3. Explore features. ...
  4. Keep customizing. ...
  5. Save and share.

How do you create a mood? ›

3 Tips for Creating Mood for Your Story
  1. Use a holistic approach to mood. Since mood is made up of a combination of setting, tone, word choice, and theme, it's important that you as a writer think about all four while you work. ...
  2. Brainstorm mood words. ...
  3. Subvert expectations.
Sep 8, 2021

How many categories of moods are there? ›

A new study identifies 27 categories of emotion and shows how they blend together in our everyday experience. Psychology once assumed that most human emotions fall within the universal categories of happiness, sadness, anger, surprise, fear, and disgust.

What is the theme of mood board? ›

What is a fashion mood board? A fashion mood board is a collage. A visual summary of inspirational images, objects, material swatches, trims, or product examples that explain the concept and feeling of your brand, collection, or customer. It is basically a brain dump of whatever you are inspired by.

What is a positivity board? ›

Project: "Positivity Board". It's a digital board that shows quotes & pics that will help someone feel better. Example, add a sticker & design! . special. "Daniel Tiger's Neighborhood" has a grr-ific new newsletter.

What are the weaknesses of a mood board? ›

Cons: Unlike other more robust processes, mood boards don't show the detailed timeline of an end project. If your boss or client is looking for more research or data, the visual approach might not be the most effective process for detailed-oriented projects.

Can mood boards have words? ›

A mood board is a collection of images, colors and fonts that perfectly defines what a project is about. It can include a variety of things, such as photos, illustrations, cutouts, color palettes, textures, words and really anything that helps you define the direction of your project.

How many colors should a moodboard have? ›

Tip: For your color palette you want to choose anywhere from 5-8 colors. You want 1-2 primary colors, 1-3 secondary colors (this is your contrast or complementary color), and 2-3 neutrals (any combination of neutrals that go with your brand + balance out your palette).

Does a mood board need text? ›

Mood boards are a physical or digital arrangement of pictures, texts, and objects that represents or intends to project a particular style or concept or simply stand as the basis of any forthcoming project.

What app do you use to make a mood board? ›

Best Mood Board Apps in 2020
  • Pinterest. Pinterest is certainly the most popular and easy-to-use free mood board application. ...
  • Canva. Created to be a designing app, Canva offers plenty of mood board maker templates. ...
  • Mural. ...
  • InVision. ...
  • GoMoodboard. ...
  • Moodzer. ...
  • StudioBinder. ...
  • Evernote.

Can you make a mood board on word? ›

The free version works perfectly well for creating mood boards and is really user-friendly. My recommendation for my Lovely Home Academy students, is usually to use either Microsoft word or Canva to create mood boards.

What program do you use to make a moodboard? ›

Design mood boards with ease.

Adobe Express makes it easy to design and create a mood board exactly the way you want it to look.

What is the difference between inspiration board and mood board? ›

Inspiration boards are generally less widely used. This is because inspiration boards are more specific. They have a greater focus on elements like details, colors, and texture to serve as a valuable building block for the project, as opposed to a mood board that concentrates on conveying a feeling.

How can I make my mood boards cute? ›

There are no formal rules to creating a mood board. You can add any sort of element that sparks inspiration. Some ideas include photography, font samples, color palettes, fabrics, nature, short videos, music, etc. Make sure you add a variety of colors, textures, and patterns to keep things interesting!

How do I add text to Moodboard? ›

Adding text to your moodboard
  1. Select the text tool.
  2. Double click to edit text Enter your text and click 'done'
  3. Select your font in the drop-down menu in the options bar as well as the size of text (As long as the text tool is active, you'll see that rectangular boundary around the edge of the text area.


1. How to Create Great Mood Boards
2. How to Develop a Mood Board
3. Tai Chi 5 Minutes a Day Module 01 - easy for beginners
4. HOW TO MAKE A MOOD BOARD: Creating a Collection Part 1: Conceptualization / Sponsored by SojosVision
(Kiana Bonollo)
5. How To Create a Mood Board For Your Client
(Lauren Messiah)
6. How to create a mood board | Examples | Create a mood board with me
Top Articles
Latest Posts
Article information

Author: Jamar Nader

Last Updated: 03/28/2023

Views: 6359

Rating: 4.4 / 5 (75 voted)

Reviews: 82% of readers found this page helpful

Author information

Name: Jamar Nader

Birthday: 1995-02-28

Address: Apt. 536 6162 Reichel Greens, Port Zackaryside, CT 22682-9804

Phone: +9958384818317

Job: IT Representative

Hobby: Scrapbooking, Hiking, Hunting, Kite flying, Blacksmithing, Video gaming, Foraging

Introduction: My name is Jamar Nader, I am a fine, shiny, colorful, bright, nice, perfect, curious person who loves writing and wants to share my knowledge and understanding with you.