Emblematic

Real websites' design specs: exact colors, fonts, type scale and a DESIGN.md. Free, no auth.

Install

Remote server: your requests and data go to emblematic.dev. Claude Code: claude mcp add --transport http emblematic https://emblematic.dev/mcp · Claude app: Settings → Connectors → Add custom connector.

What it can do

The tools this server listed when we connected to it, in its own words.

• search_designs — Use this when the user wants design references: "dark dev-tool sites", "sites using Söhne", "a warm serif editorial look", "something with #
• get_design — Use this when you need the actual design values of one indexed site to build or restyle UI. Default returns the compact card (role colors wi
• get_site — Use this to answer "what font/colors/framework does <site> use?" for one site. Returns brand name, fonts with roles and weights, role colors
• get_design_md — Use this when you will implement from a site's design: returns the file to save into the project verbatim. format "design.md" (default) is a
• find_similar — Use this when the user likes one site and wants alternatives or neighbours: "more like Linear", "sites with Stripe's typography". Ranks inde
• browse_by — Use this to explore what the index contains: without `value` it lists the values of a facet with counts (e.g. every font family, every style
• compose_brief — Use this when the user wants a direction that mixes references ("Linear's colors with Stripe's type"), or a ready-to-save brief from one sit

KitScout test notes

Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.

Similar tools

• algorithmic-art 194,218 ★
  Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this wh
• brand-guidelines 194,218 ★
  Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having
• canvas-design 194,218 ★
  Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when
• theme-factory 194,218 ★
  Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing page
• design-is 116,897 ★
  Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for