How to Make a Website Moodboard: A Step-by-Step Guide
A website moodboard is a decision document, not a collage. Here is what goes on one, how to build it in an afternoon, and how to turn it into a site.
Read moreMoodboards, design systems, blocks and editorials
Find your next
design
A library made to remix: take a direction, make it your own project, and take it straight into your build, its colors, fonts and pieces ready for your tools.
Free to start. No card needed.
One library, from a mood to a build
From a mood to a build
RemixOFF-FRAMESave
Remix a direction
Make any moodboard your own project.
Aa
--color-background: #2c54c7;
--color-surface: #2c54c7;
--color-text: #fcf8c9;
--color-text-muted: #fcf8c9;
--font-display: "Anton";
--font-body: "PT Mono";
--radius: 0px;
Take it to build
Colors, fonts and prompts, ready for your AI tools.
Every format at once
One poster, every size, changed once.
Blocks for every page
Page sections that wear your colors and type.
More like this
Search by picture
Start from an image and find more like it.
#0204FB
Search by color
Find visuals in the exact shade you have in mind.
One system, everywhere
Every project has a design system. Change it once, and its website, blocks and posters all follow.
Take it into
One command installs its colors, corners and fonts as your theme. Shown: Limen Atelier
Find it by mood
Open the library
39 itemsenergeticAdrenaline and movement. Loud color, fast rhythm, a racing pulse.
356 itemssereneQuiet, unhurried peace. Space to breathe, nothing asking for more.
62 itemsorganicEarthy and honest. Natural and raw materials, bare feet on soil.
58 itemsplayfulAn invitation to touch, poke and grin. Bouncy, bright, toy-like.
58 itemsetherealOtherworldly and weightless. Glowing, luminous, almost sacred.
47 itemsluxuriousWealth with restraint. Exclusive, precise and never in a hurry.
41 itemsnostalgicA remembered past, warm and bittersweet. Familiar, faded, sincere.
41 itemsmysteriousSomething is hidden. Shadows and hints that make you lean in close.
36 itemsdreamyFloating in a soft, half-asleep world. Pastel, blurred and unreal.
36 itemscozyIndoors on a cold day. Blankets, warm drinks, soft light, safety.
17 itemswhimsicalGently absurd. An imagination let loose, odd and full of charm.
10 itemsclinicalPrecision and sterility. Clean lines, cool whites, nothing extra.
10 itemsjoyfulUncomplicated happiness. A bright celebration, without irony.
3 itemsmelancholicBeautiful sadness. Absence, memory and a quiet, lingering ache.
1 itemeerieSomething is wrong. The uncanny, a held breath, a quiet unease.Felt, not filed.Kept by hand.Made to wander.MUUDS is a library of design directions, read by mood. Browse by how a page feels, and leave with the system behind it.
Every design has a feeling before it has a font. We make directions from the ones that stay with you, the quiet ones, the loud ones, the ones that feel like a Sunday morning, and keep them the way you remember them: by how they made you feel.
Wander by mood, gather what moves you, and carry it into your own work: a palette, a typeface, a picture that feels real. A small library, kept by hand, that changes a little every day.
One membership, everything in MUUDS
Look, remix and make for free. Take it into your work with All access.
Free account
For finding what moves you, and making with it.
- Browse every moodboard, system, block, editorial and visual
- Remix and edit up to 3 projects, every page of them
- Each with its own design system, to make yours
- Save anything, into folders
All access
Monthly or yearly. Cancel any time.
- Everything in a free account
- As many projects as you like
- Export boards, editorials and projects
- Copy blocks as code, and install blocks and systems with shadcn
- Download visuals for your work
Memberships open soon.
Questions, answered
Anything else? Support is here.
Latest from the blog
See all
14 Hero Section Layouts (and When to Use Each)
The hero is the most important band on any page. Here are 14 layouts, from the dependable split to the sliced and interlocked, and when each one earns its place.
Read more
How to Choose a Color Palette for Your Website
A website palette is a set of jobs, not a set of swatches. Here is how to assign roles, balance them with 60-30-10, pass contrast and test before you ship.
Read more
15 Google Font Pairings for Websites That Actually Work
Fifteen free Google Font pairings that hold up on real websites, from Instrument Serif with Instrument Sans to Anton with Work Sans, with the weights and sizes that make them work.
Read more