Moodboard
A moodboard collects visual references to define atmosphere, tone, and creative direction.
It can include websites, products, typography, photography, motion references, brand examples, and interface details.
For UI work, a moodboard can help define Art Direction before selecting final UI Imagery.
Use It For
- exploring mood before layout
- aligning visual expectations
- comparing possible directions
- collecting references for typography, imagery, color, motion, and interface details
- creating a shared language with stakeholders
Output
A good moodboard should help the team say:
- this direction fits
- this direction does not fit
- these references explain the desired feeling
- these references should not be copied directly
Difference From Benchmark
| Moodboard | Benchmark |
|---|---|
| focuses on feeling and direction | focuses on patterns and learning |
| more visual and atmospheric | more analytical |
| helps align taste | helps understand solutions |
Difference From Style Tile
Moodboard collects references.
Style Tile turns the selected direction into concrete UI ingredients.