Contact
What are you interested in?
Moodboard.
A moodboard is a collage of images, colours, fonts, materials and examples that captures the desired mood and visual language of a design project. It serves as common ground between client and designer before concrete designs are produced.
Moodboard — Explained in Detail
Words such as 'modern', 'premium' or 'friendly' mean something different to everyone. For one person, modern is a dark, minimalist design with plenty of white space; for another, a colourful page with illustrations. A moodboard translates such adjectives into images before anyone invests hours in a design that misses the mark.
Typical contents are photos with the desired lighting and visual language, a first colour palette, font samples, textures and materials, snippets of websites, packaging or interiors that appeal — and, just as important, examples that deliberately do not fit. Depending on the project, a moodboard is made in a design tool such as Figma, on a digital pinboard or entirely on paper.
A moodboard is not a design and not a template to copy. It sets a direction from which independent designs are then developed. For that reason it should not become too specific too early: a board with twenty screenshots of a single competitor's website almost inevitably leads to a copy. Images from other industries that carry a mood work better — a piece of architectural photography, a wine label, a hotel interior.
The moodboard is especially helpful on projects with several decision-makers. When management, marketing and sales talk about images rather than words for the first time, contradictions surface early — and can be resolved before the corporate design or the website is designed.
Example: a moodboard for a bespoke tailor
A bespoke tailor wants a presence that feels 'elegant but not aloof'. The moodboard shows warm daylight photos of bolts of cloth and hands at work, a muted palette of navy, sand and cognac, a classic serif typeface for headings and a plain sans-serif for body text. As counter-examples: high-gloss fashion editorials in studio lighting and high-contrast luxury websites in black and gold. After one meeting it is clear where things are heading — and which images still need to be photographed for the website.
With us, moodboards come at the start of branding and design projects, see corporate design agency and UX agency Zurich.
How to work with a moodboard as a client
Collect ten to twenty images you like beforehand, and write one sentence for each explaining why. Add five examples you reject. The reasons are more valuable than the images themselves, because they show what matters to you: light, colour, calm, detail or pace.
Related Page
Corporate Design AgencyIn-depth on the blog
Branding für Startups — Schritt für SchrittFrequently Asked Questions About Moodboard
To make the desired mood of a project visible before designs are produced. It prevents misunderstandings about words such as 'modern' or 'premium' and so saves rounds of revisions.
Images with a fitting mood, a first colour palette, font samples, textures and materials, and deliberately chosen counter-examples. For each element, a short note on why it fits or does not.
No. The moodboard comes at the beginning and shows a direction. The style guide comes at the end and sets binding rules — colour values, font sizes, logo usage.
More Terms Starting with "M"
Meta Description
The meta description is an HTML tag that contains a brief summary of a webpage for search engines. I...
Mobile-First Index
Since 2019, Google primarily crawls and indexes the mobile version of a website (no longer the deskt...
Multimodal Search
Multimodal Search enables searching with different input formats simultaneously: text, image, voice,...
Ready for Your Project?
Apply this knowledge to your website — DLM Digital will help you.