The Moodboard Studio has a lot of moving parts — palette, fonts and a live mockup — so it really shines on a tablet or desktop. See you on a bigger screen! 💖
We help teams turn complex ideas into clear, usable products — calm spacing, honest contrast, and type that stays readable from the first tap to the last.
✎ click to edit
Contrast & values
Branding · CI
PatternsDots · Stripes · Grid
IllustrationGeometric
Mood imageryCurated photos
UI mockup
made with wuttitarn.com
Resources
Take this board to your team
Grab dev-ready tokens, copy exactly what you need, or read up on moodboards.
🛠️Dev starter kit
Ready-to-paste tokens for your stack — colours, fonts & radius. Updates live with the board.
Pick a format
1in the studio now
Made with ❤️ love by Tarn
💗 v1.2
The Studio · Moodboard
This little studio is at its best on a wider screen — around 760px and up — so the layout and details have room to breathe.
Thank you so much for stopping by 🙏🏻💖 It's free to explore — see you on a bigger screen.
No worries — your board is safe right here. A few things (mood photos, fonts) need a connection, so they'll pop back in the moment you're online again.
Waiting for the signal to come home… 📡
— hang tight, Tarn 💖
🖼️
Add your own image
It's resized to ~380px and kept on your device only — never uploaded to a server. It rides inside the share link, so keep it simple and light.
Square-ish works best · JPG / PNG / WebP
Auto-downscaled so the share link stays small
Not stored on any server — yours, and gone when you clear it
Drag to reposition · slide to zoom · crops to fit the block.
So glad you like it!
This studio is free, made for playing with ideas. If it helped or made you smile, here are little ways to cheer me on 💖
