Moodmark journal
Practical guides for better visual direction.
Visual bookmarking, design systems, and reference-led workflows for v0, Cursor, Lovable, and the tools designers build with.
11 of 11 / updated 2026-08-17
Showing 11 of 11
How to Find What Font a Website Uses
Five ways to identify the font on any website, from a browser trick to screenshot-matching tools, plus how to save it so you never look it up twice.
Read guideHow to Organize Design Inspiration by Industry
A practical system for sorting design references by industry, so you find the right SaaS, fintech, or e-commerce pattern in seconds.
Read guideHow to Share a Design Mood Board With Clients (and Get Real Feedback)
A Slack thread of screenshots buries client feedback. Here's how to share a filterable mood board clients can browse and vote on instead.
Read guideThe Best Pinterest Alternatives for Web Designers in 2026
Pinterest wasn't built for web design work. Here are the best alternatives for saving, organizing, and finding real website references in 2026.
Read guideMoodmark vs Raindrop: Which Is Better for Design References?
Raindrop is a solid all-purpose bookmark manager, but if you save sites for their design, here is where a purpose-built visual tool pulls ahead.
Read guideHow to Find Web Design Inspiration by Color (Not Just Category)
General inspiration tools filter by category, not color — even though color is what you remember first. Here's how to actually search by it.
Read guide
How to Give Cursor a Visual Design Reference
Give Cursor useful visual context with screenshots, a design.md brief, project rules, file references, and a repeatable visual verification loop.
Read guide
URL to Design System: Colors, Fonts and Components
Learn how to analyze a website URL into reusable colors, typography, spacing, components, states, and implementation-ready design tokens.
Read guide
What Is a design.md File?
Learn what a design.md file contains, how it gives AI coding tools persistent visual context, and how to structure one for a real project.
Read guide
Website Screenshot Bookmarking Guide for Designers
A practical guide to saving website screenshots as visual bookmarks with source links, tags, notes, and collections that still make sense later.
Read guide
How to Turn Website Inspiration Into an AI Build Prompt
Learn how to turn website screenshots and design references into stronger AI build prompts with structure, palette, typography, components, and design tokens.
Read guideSave the reference. Then write the prompt.
Every guide maps back to a real Moodmark workflow: visual bookmarks, AI tags, collections, and design.md build prompts.