# save.design

> save.design is a workspace where designers and creative developers collect, search, build from and share design references and their own work. A curated library of 1,200+ real websites and 11,000+ UI sections and interactions comes with it. Plans start at $3 a month, and anyone can browse the curated websites at save.design/explore for free.

## What it does
- Collect: the Chrome extension saves a website in one click, captures one section of a page, records an interaction of up to 60 seconds, saves a page, link, image or video from the right-click menu, and saves open tabs in bulk. On the web you can upload files of up to 200 MB, including images, video, sound and audio (MP3, WAV, OGG, M4A, AAC, FLAC), fonts, PDFs, Office documents, code and zip files, and save links and notes.
- Automatic cataloging: section captures and screen recordings get an AI title, description, tags and a category by UI pattern. Website saves can carry the fonts and tech stack detected from the live page.
- Natural Search: every plan searches a workspace by meaning, so you can find a save by describing it. It also reads your notes. Keyword search, Cmd+K and # for tags work too.
- Canvas: infinite mood boards that hold images, video, websites, pages, notes and sound, with frames and labelled arrows. A board can have a public read-only link anyone can open, and it can be cloned.
- Pages: a Markdown editor for briefs, notes and case studies, unlimited on every plan.
- Public profiles: a profile lives at save.design/creator/<username>, with your avatar, name, tagline, website, links and a grid of your public folders. It can work as a portfolio, with one public folder per project, or as a public collection of references.
- Public folders: any folder can be public at save.design/folder/<slug>, with its items and notes, and others can clone it.
- Team workspaces: invite people by email, with owner, admin, member and guest roles and realtime sync.
- Curated library: 1,200+ live websites, each with the fonts and tech stack detected from its live page, free to browse. Elements adds 11,000+ UI sections and interactions from live sites, many on video, after sign-in.
- Website analyzer: detects a site's frameworks, animation and 3D libraries, UI kits, platform or CMS, and fonts. It needs a save.design account.
- MCP server: AI tools such as Claude, Claude Code, Cursor and ChatGPT connect over OAuth at https://save.design/api/mcp. They can read your saves, folders, boards and pages, search your library and the curated library, and build new boards with notes, frames and labelled arrows. They can't edit what you made or delete saved items.
- Export: every plan can export the whole workspace as a zip of files, pages as Markdown, and a manifest of links, notes and tags.

## Plans and prices
- Individual, the recommended plan: $12 a month, or $10 a month billed yearly. Everything in Basic, plus the full Elements library, unlimited MCP and 10 GB of storage.
- Basic: $3 a month. One editor and 1 GB of storage, with unlimited saves, canvases, workspaces, folders, tags, pages and analyses, Natural Search, Smart Capture, screen recordings, the extension, the curated websites feed, a public profile, 500 MCP calls a month and a preview of the Elements library.
- Team: $10 per seat a month, or $8 billed yearly, minimum 2 seats. Everything in Individual for each editor, with 50 GB of shared storage. Viewers are free.
- Extra storage on any plan: 10 GB for $3, 50 GB for $10, 200 GB for $30 a month.
- Browsing the curated websites at /explore is free. A new account gets a small one-time allowance to try the product: 12 saves from the feed, 10 analyses, 12 links, 12 files, 3 pages, 5 folders and 3 canvases. After that it's read-only until you pick a plan.
- MCP is free to try: 150 calls a month without a plan.
- Refunds: 7 days on monthly plans, 30 days on annual plans.

## Product
- [Homepage](https://save.design/): what save.design is and who it's for
- [Pricing](https://save.design/pricing): Basic, Individual and Team plans, storage add-ons and billing questions
- [Canvas](https://save.design/canvas): infinite mood boards holding images, video, websites, pages, notes and sound, with frames, labelled arrows and a public link anyone can open
- [Chrome extension](https://save.design/extension): for Chrome and Chromium browsers. Save a site in one click, capture one section, record an interaction of up to 60 seconds, right-click to save, or save open tabs in bulk
- [MCP server for your design library](https://save.design/mcp): connect Claude, Cursor, ChatGPT and other AI tools to search your saves and a curated library, read your boards and build new ones. Free to try with 150 calls a month
- [Website analyzer](https://save.design/analyze): detect any site's framework, animation and 3D libraries, UI kit, platform or CMS, and fonts. Needs a save.design account
- [Submit a website](https://save.design/submit/website): suggest a site for the curated library. Needs a save.design account
- [Refund policy](https://save.design/refund): 7 days on monthly plans, 30 days on annual plans

## Library
- [Website design inspiration](https://save.design/explore): 1,200+ curated live websites with the fonts and tech stack on each, free to browse, plus 11,000+ UI sections and interactions after sign-in
- [Websites by tech stack](https://save.design/tech): Next.js, Framer, Webflow, GSAP, Lenis, Three.js and more
- [Website design by category](https://save.design/category)
- [Website design by industry](https://save.design/industry)

## UI element examples
- [Hero section design examples](https://save.design/elements/hero-section)
- [Website footer design examples](https://save.design/elements/footer)
- [404 page design examples](https://save.design/elements/404-page)
- [Navigation bar and menu design examples](https://save.design/elements/navigation)
- [Pricing page design examples](https://save.design/elements/pricing-page)
- [About us page examples](https://save.design/elements/about-page)
- [Contact page and contact form examples](https://save.design/elements/contact-page)
- [Testimonial section examples](https://save.design/elements/testimonials)
- [Features section design examples](https://save.design/elements/features-section)
- [Call to action examples](https://save.design/elements/call-to-action)
- [Portfolio website design examples](https://save.design/elements/portfolio)
- [Product page design examples](https://save.design/elements/product-page)
- [Loading animation examples](https://save.design/elements/loading-animation)
- [Page transition examples](https://save.design/elements/page-transitions)
- [Scroll animation examples](https://save.design/elements/scroll-animations)
- [Team section design examples](https://save.design/elements/team-section)
- [FAQ page examples](https://save.design/elements/faq-section)
- [Blog page design examples](https://save.design/elements/blog)
- [Image gallery design examples](https://save.design/elements/gallery)
- [Carousel and slider design examples](https://save.design/elements/carousel)
- [Stats section design examples](https://save.design/elements/stats-section)
- [Form design examples](https://save.design/elements/forms)
- [Services section design examples](https://save.design/elements/services-section)
- [Logo cloud and client list examples](https://save.design/elements/logo-cloud)
- [Case study design examples](https://save.design/elements/case-study)
- [Card UI design examples](https://save.design/elements/cards)
- [Kinetic typography examples](https://save.design/elements/kinetic-typography)
- [Timeline design examples](https://save.design/elements/timeline)
- [Modal and popup design examples](https://save.design/elements/modals)
- [Dashboard UI design examples](https://save.design/elements/dashboard)
- [Sidebar design examples](https://save.design/elements/sidebar)
- [Website hover effect examples](https://save.design/elements/hover-effects)
- [Custom cursor effect examples](https://save.design/elements/cursor-effects)
- [3D website examples](https://save.design/elements/webgl-3d)
- [Sticky scroll examples](https://save.design/elements/sticky-scroll)
- [Parallax website examples](https://save.design/elements/parallax)
- [Image and mask reveal examples](https://save.design/elements/mask-reveal)
- [Website marquee examples](https://save.design/elements/marquee)
- [Website animation examples](https://save.design/elements/website-animation)
- [Interactive website examples](https://save.design/elements/interactive-websites)
- [Cool website examples](https://save.design/elements/cool-websites)
- [Creative website examples](https://save.design/elements/creative-websites)
- [Brutalist website examples](https://save.design/elements/brutalist-websites)
- [Minimalist website design examples](https://save.design/elements/minimalist-website-design)
- [Dark mode website examples](https://save.design/elements/dark-mode-websites)
- [Bento grid examples](https://save.design/elements/bento-grid)
- [Modern website design examples](https://save.design/elements/modern-website-design)
- [Website design examples](https://save.design/elements/website-design-examples)

## Guides
- [Learn](https://save.design/learn): index of every guide, report, tool and comparison
- [Web design trends 2026](https://save.design/web-design-trends-2026): what real websites use, counted from the library
- [Mood board examples](https://save.design/moodboard-examples): boards built from real websites, one style each
- [How to make a mood board](https://save.design/how-to-make-a-mood-board): six steps and a template
- [Inspiration board](https://save.design/inspiration-board): what goes on one and how it becomes a mood board

## Comparisons
- [Alternatives to Pinterest, Mobbin, Milanote and others](https://save.design/alternatives)
- [The best bookmark managers](https://save.design/best-bookmark-manager)
- [Visual bookmark managers](https://save.design/visual-bookmark-manager)
- [AI bookmark managers](https://save.design/ai-bookmark-manager)
- [Pinterest for designers](https://save.design/pinterest-for-designers)
- [Web design galleries that show fonts and tech stack](https://save.design/web-design-galleries)
- [The best MCP servers for design references](https://save.design/best-design-mcp-servers)
- [mymind vs save.design](https://save.design/vs/mymind)
- [Milanote vs save.design](https://save.design/vs/milanote)
- [Eagle vs save.design](https://save.design/vs/eagle)
- [Raindrop vs save.design](https://save.design/vs/raindrop)

## Fonts
- [Best fonts for websites](https://save.design/fonts): ranked by use on real sites
- [Fonts like Helvetica](https://save.design/fonts/helvetica/similar)
- [Fonts like Helvetica Now](https://save.design/fonts/helvetica-now/similar)
- [Fonts like Futura](https://save.design/fonts/futura/similar)
- [Fonts like Avenir](https://save.design/fonts/avenir/similar)
- [Fonts like Gotham](https://save.design/fonts/gotham/similar)
- [Fonts like Proxima Nova](https://save.design/fonts/proxima-nova/similar)
- [Fonts like GT America](https://save.design/fonts/gt-america/similar)
- [Fonts like Graphik](https://save.design/fonts/graphik/similar)
- [Fonts like Aeonik](https://save.design/fonts/aeonik/similar)
- [Fonts like Neue Montreal](https://save.design/fonts/neue-montreal/similar)
- [Fonts like Roobert](https://save.design/fonts/roobert/similar)
- [Fonts like Maison Neue](https://save.design/fonts/maison-neue/similar)
- [Fonts like Apercu](https://save.design/fonts/apercu/similar)
- [Fonts like Circular Std](https://save.design/fonts/circular-std/similar)
- [Fonts like Favorit](https://save.design/fonts/favorit/similar)
- [Fonts like TT Commons](https://save.design/fonts/tt-commons/similar)
- [Fonts like Druk](https://save.design/fonts/druk/similar)
- [Fonts like Monument Extended](https://save.design/fonts/monument-extended/similar)
- [Fonts like Canela](https://save.design/fonts/canela/similar)
- [Fonts like Tiempos](https://save.design/fonts/tiempos/similar)
- [Fonts like Editorial New](https://save.design/fonts/editorial-new/similar)
- [Fonts like Migra](https://save.design/fonts/migra/similar)
- [Fonts like Recoleta](https://save.design/fonts/recoleta/similar)

## Brand fonts
- [Brand fonts](https://save.design/brand-fonts): what famous brands use, measured from their live sites
- [What font does Apple use?](https://save.design/brand-fonts/apple)
- [What font does Coca-Cola use?](https://save.design/brand-fonts/coca-cola)
- [What font does Spotify use?](https://save.design/brand-fonts/spotify)
- [What font does Nike use?](https://save.design/brand-fonts/nike)
- [What font does Netflix use?](https://save.design/brand-fonts/netflix)
- [What font does Stripe use?](https://save.design/brand-fonts/stripe)
- [What font does Notion use?](https://save.design/brand-fonts/notion)
- [What font does Airbnb use?](https://save.design/brand-fonts/airbnb)
- [What font does Vercel use?](https://save.design/brand-fonts/vercel)
- [What font does Linear use?](https://save.design/brand-fonts/linear)
- [What font does Figma use?](https://save.design/brand-fonts/figma)
- [What font does GitHub use?](https://save.design/brand-fonts/github)
- [What font does Adidas use?](https://save.design/brand-fonts/adidas)
- [What font does Adobe use?](https://save.design/brand-fonts/adobe)
- [What font does Amazon use?](https://save.design/brand-fonts/amazon)
- [What font does Anthropic use?](https://save.design/brand-fonts/anthropic)
- [What font does Asana use?](https://save.design/brand-fonts/asana)
- [What font does Audi use?](https://save.design/brand-fonts/audi)
- [What font does BBC use?](https://save.design/brand-fonts/bbc)
- [What font does BMW use?](https://save.design/brand-fonts/bmw)
- [What font does Canva use?](https://save.design/brand-fonts/canva)
- [What font does Chanel use?](https://save.design/brand-fonts/chanel)
- [What font does Coinbase use?](https://save.design/brand-fonts/coinbase)
- [What font does Cursor use?](https://save.design/brand-fonts/cursor)
- [What font does Dior use?](https://save.design/brand-fonts/dior)
- [What font does Discord use?](https://save.design/brand-fonts/discord)
- [What font does Dropbox use?](https://save.design/brand-fonts/dropbox)
- [What font does Duolingo use?](https://save.design/brand-fonts/duolingo)
- [What font does Ferrari use?](https://save.design/brand-fonts/ferrari)
- [What font does Framer use?](https://save.design/brand-fonts/framer)
- [What font does Google use?](https://save.design/brand-fonts/google)
- [What font does Gucci use?](https://save.design/brand-fonts/gucci)
- [What font does H&M use?](https://save.design/brand-fonts/hm)
- [What font does HubSpot use?](https://save.design/brand-fonts/hubspot)
- [What font does IKEA use?](https://save.design/brand-fonts/ikea)
- [What font does Instagram use?](https://save.design/brand-fonts/instagram)
- [What font does Intercom use?](https://save.design/brand-fonts/intercom)
- [What font does Lego use?](https://save.design/brand-fonts/lego)
- [What font does LinkedIn use?](https://save.design/brand-fonts/linkedin)
- [What font does Loom use?](https://save.design/brand-fonts/loom)
- [What font does Louis Vuitton use?](https://save.design/brand-fonts/louis-vuitton)
- [What font does Lululemon use?](https://save.design/brand-fonts/lululemon)
- [What font does Mailchimp use?](https://save.design/brand-fonts/mailchimp)
- [What font does McDonald's use?](https://save.design/brand-fonts/mcdonalds)
- [What font does Medium use?](https://save.design/brand-fonts/medium)
- [What font does Mercedes-Benz use?](https://save.design/brand-fonts/mercedes-benz)
- [What font does Meta use?](https://save.design/brand-fonts/meta)
- [What font does Microsoft use?](https://save.design/brand-fonts/microsoft)
- [What font does Miro use?](https://save.design/brand-fonts/miro)
- [What font does Monzo use?](https://save.design/brand-fonts/monzo)
- [What font does NASA use?](https://save.design/brand-fonts/nasa)
- [What font does OpenAI use?](https://save.design/brand-fonts/openai)
- [What font does Patagonia use?](https://save.design/brand-fonts/patagonia)
- [What font does Perplexity use?](https://save.design/brand-fonts/perplexity)
- [What font does Pinterest use?](https://save.design/brand-fonts/pinterest)
- [What font does Porsche use?](https://save.design/brand-fonts/porsche)
- [What font does Raycast use?](https://save.design/brand-fonts/raycast)
- [What font does Red Bull use?](https://save.design/brand-fonts/red-bull)
- [What font does Revolut use?](https://save.design/brand-fonts/revolut)
- [What font does Robinhood use?](https://save.design/brand-fonts/robinhood)
- [What font does Rolex use?](https://save.design/brand-fonts/rolex)
- [What font does Salesforce use?](https://save.design/brand-fonts/salesforce)
- [What font does Samsung use?](https://save.design/brand-fonts/samsung)
- [What font does Shopify use?](https://save.design/brand-fonts/shopify)
- [What font does Slack use?](https://save.design/brand-fonts/slack)
- [What font does Sony use?](https://save.design/brand-fonts/sony)
- [What font does Squarespace use?](https://save.design/brand-fonts/squarespace)
- [What font does Starbucks use?](https://save.design/brand-fonts/starbucks)
- [What font does Substack use?](https://save.design/brand-fonts/substack)
- [What font does Supabase use?](https://save.design/brand-fonts/supabase)
- [What font does Tesla use?](https://save.design/brand-fonts/tesla)
- [What font does The New York Times use?](https://save.design/brand-fonts/new-york-times)
- [What font does Twitch use?](https://save.design/brand-fonts/twitch)
- [What font does Uber use?](https://save.design/brand-fonts/uber)
- [What font does Uniqlo use?](https://save.design/brand-fonts/uniqlo)
- [What font does Webflow use?](https://save.design/brand-fonts/webflow)
- [What font does Wise use?](https://save.design/brand-fonts/wise)
- [What font does Wix use?](https://save.design/brand-fonts/wix)
- [What font does Zara use?](https://save.design/brand-fonts/zara)
- [What font does Zoom use?](https://save.design/brand-fonts/zoom)

## MCP setup guides
- [Claude](https://save.design/mcp/claude)
- [Claude Code](https://save.design/mcp/claude-code)
- [Cursor](https://save.design/mcp/cursor)
- [Lovable](https://save.design/mcp/lovable)
- [Bolt](https://save.design/mcp/bolt)
- [v0](https://save.design/mcp/v0)
- [Figma Make](https://save.design/mcp/figma-make)
- [ChatGPT](https://save.design/mcp/chatgpt)
- [Windsurf](https://save.design/mcp/windsurf)
- [Codex](https://save.design/mcp/codex)
- [VS Code](https://save.design/mcp/vscode)
- [Replit](https://save.design/mcp/replit)
- [Base44](https://save.design/mcp/base44)

## Tools
Every site in the library shows this data, free to browse. Running the analyzer on any other site needs a save.design account.
- [CMS checker](https://save.design/cms-checker): which CMS or site builder a website runs on
- [Website font finder](https://save.design/website-font-finder): the fonts a website loads
- [Tech stack checker](https://save.design/tech-stack-checker): a website's framework, animation and UI libraries