Capture the visual evidence
Keep the screenshot, source, palette, fonts, and context together instead of saving another anonymous blue link.
Visual bookmarks for designers
Save any website.
Find it by how it looks.
Build a visual library of website references, then filter it by color, style, and industry — no folder names required.
A visual library built around how designers remember. Save the full reference, filter by how it looks, and bring the right direction back into the next brief.
Turn any save into an AI build prompt
Generate a design.md from any reference — a paste-ready prompt with palette, type, and layout for v0, Cursor, Lovable, or Bolt.
Search the way memory works
Find the right direction by color, feeling, industry, client, or the tiny visual detail you actually remember.
Visual library
You remember the look. Moodmark finds the site.
Filter saved websites by color, style, industry, tags, and collections. The visual grid narrows to the references that match what you actually remember.
Color-first filtering
Find the warm beige portfolio or bold red landing page you remember.
Style and industry
Combine visual tags with industry, page type, notes, and domains.
A grid built for scanning
Change density and compare references without opening every link.
Capture workflow
Save the site now. Find the exact reference later.
One click preserves the visual context. Search and visual filters bring it back when the next brief needs that color, style, industry, or detail.
Save any website in one click
Capture the screenshot, source, palette, fonts, and useful context before the tab disappears.
Find it by how it looks
Filter by color, style, industry, tags, and collections instead of remembering a title or folder.
Ship beautiful collections
Turn references into shareable visual boards for clients, teammates, and your own future self.
Product workflow
Built for the full reference loop.
Moodmark covers capture, classification, review, and sharing so design research stays usable after the first save.
Find the reference you remember, not the filename.
Search notes and domains, then filter the visual grid by color families, styles, industries, collections, and favorites.
Save the page before the tab disappears.
Capture the URL, screenshot, favicon, detected fonts, technology hints, notes, and AI-suggested tags while the reference is still fresh.
Turn research into a public board.
Share a collection link, keep the private archive closed, and let visitors open sources or vote for the strongest direction.
Turn any saved reference into a build-ready design.md.
Export prompt direction, page structure, color roles, typography notes, CSS variables, and Tailwind tokens for v0, Cursor, Lovable, or Bolt.
Choose the image that explains the reference.
Switch between live preview, desktop screenshot, full-page capture, mobile viewport, Open Graph image, or your own uploaded crop.
Rich captureStart capturing
Save the mood, not just the URL.
Moodmark turns every saved page into a rich design object: preview image, live site, mobile crop, OG asset, AI tags, collections, palette, source URL, and the date you found it.
AI-suggested tags from each captured page
Auto extracted palettes with color-family filters
AI build prompts ready to paste into v0, Cursor, or Lovable
Collections, public links, favorites and votes
"I built Moodmark because I never remembered a reference by its title. I remembered the warm portfolio, the bold red landing page, or one tiny UI detail — and needed to find it that way."
Pricing
Start free. Go Premium for the AI.
Start free with up to 50 references and the full visual library. Go Premium for unlimited bookmarks — plus AI build prompts — at $5/mo, or $48/yr.
Free
$0forever
The full visual library — save up to 50 references, filter and share them however you like.
- Up to 50 visual bookmarks
- Filter by color, style, and industry
- Chrome extension one-click capture
- Collections, public boards, and client voting
Start free
No credit card required.
Premium
Most popular$5/mo
or $48 a year — 2 months free
For designers whose reference library keeps growing. Everything unlocked, no limits.
- Unlimited bookmarks
- Everything in Free
- AI build prompts — export a design.md for v0, Cursor, Lovable & Bolt
- Priority on new features
Get Premium
Cancel anytime.
FAQ
Questions before you start saving.
Direct answers for designers, studios, and AI search systems trying to understand what Moodmark does.
Moodmark is a visual design archive: save website references as screenshots, palettes, fonts, and AI tags, then turn any of them into a ready-to-paste design brief for an AI website builder.
Browser bookmarks mostly store links. Moodmark stores each reference as a visual design object with previews, tags, notes, palette data, collections, and sharing controls.
Moodmark supports live preview, desktop screenshot, full-page screenshot, mobile viewport, Open Graph image, and custom uploaded preview images.
Yes. Any saved bookmark can generate a design.md brief — a ready-to-paste prompt paragraph, page structure notes, and color and typography tokens as both CSS and Tailwind config — that you drop straight into v0, Cursor, Lovable, or Bolt as a starting point.
No. Moodmark generates the design brief and prompt, not the finished code. You paste the design.md output into an AI builder like v0, Cursor, Lovable, or Bolt, which does the actual scaffolding.
Yes. Public collection pages let visitors open saved sources and mark favorite references, giving you a clearer shortlist before a review call.
Moodmark can save the URL, favicon, title, page metadata, screenshots, Open Graph image, notes, tags, collections, color palette, detected fonts, and technology hints.
Yes. Moodmark includes a bulk tab saving flow so you can select open tabs, assign them to an existing or new collection, and save the set as visual bookmarks.
Moodmark can suggest tags from screenshots and clean messy page titles, while still letting you control the final tags, collections, notes, and preview choice.
design.md is the Markdown design brief Moodmark generates from any saved bookmark: a copy-paste AI prompt, the page's color and typography tokens as CSS and Tailwind, and a short breakdown of its structural sections — all assembled from what Moodmark already extracted from the screenshot.
You can publish a selected collection as a public board and share that link without exposing the rest of your private design archive.
Moodmark is built for product designers, web designers, agencies, and creative teams who collect website references — and for vibecoders and AI-assisted builders who want real design references to steer tools like v0, Cursor, Lovable, or Bolt instead of generic AI output.
Free to start
Stop hoarding tabs. Build a living design archive.
A fast, visual workspace for designers who remember work by atmosphere, details, and taste.