Emblematic
Server Details
Real websites' design specs: exact colors, fonts, type scale and a DESIGN.md. Free, no auth.
- Status
- Healthy
- Uptime
- 100.0% over the last 24 hours
- Last Tested
- Transport
- Streamable HTTP · MCP 2025-11-25
- URL
- ChatGPT
- –
- Claude
- –
TDQS
Scored across 7 tools
Descriptions explicitly scope each tool and include 'Not for X (use Y)' cross-references, so search vs. facet browsing, similarity, and brief composition are cleanly separated. The one residual overlap is get_site vs. get_design, which both retrieve single-site facts; the split (question answering vs. building UI values) is stated but an agent could still hesitate between them.
All seven names are lowercase snake_case and verb-first, with a predictable get_design / get_design_md family. browse_by is verb+preposition rather than verb_noun, a minor deviation from the otherwise uniform pattern.
Seven tools is well-scoped for a design reference index: each covers a distinct retrieval mode (explore, search, similar, detail, artifact, brief). No tool feels redundant or missing for the surface area.
The lifecycle is covered end to end: discover (search_designs, browse_by, find_similar), inspect (get_site, get_design), and implement (get_design_md, compose_brief). Minor gaps remain — there is no direct two-site comparison and no way to enumerate sites without going through a facet, though compose_brief partly compensates.
Available Tools
7 toolsbrowse_byBrowse by facetARead-onlyIdempotentInspect
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 tag); with value it lists the sites that have it. Facets: font, color (hue bucket or "neutral"), style (derived tags), stack (framework/CMS/host), scheme, hero (hero layout), accent_strategy. Not for multi-criteria queries (use search_designs).
Inputs: facet (required), limit, value.
compose_briefCompose a design briefARead-onlyIdempotentInspect
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 site. Returns a markdown brief with exact values (role colors and site tokens, font stacks, type styles, radii, spacing, shadows, motion), caveats and source links. Deterministic: values are copied from the specs, nothing is invented. By default the 1st site gives color, the 2nd type, the 3rd layout; override with color_from/type_from/layout_from. Save the result to disk before implementing. Not for a single site's raw values (use get_design or get_design_md).
Inputs: sites (required), notes, product, type_from, +2 more.
find_similarFind similar designsARead-onlyIdempotentInspect
Use this when the user likes one site and wants alternatives or neighbours: "more like Linear", "sites with Stripe's typography". Ranks indexed sites by an explainable distance on palette, type or layout (or the mean, "overall") and says why each is close. Not for free-text search (use search_designs).
Inputs: site (required), by, limit.
get_designGet design specARead-onlyIdempotentInspect
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 with the site's own CSS variable names, fonts, type sizes, radius, container, caveats, links). Request more with sections (color, type, space, shape, depth, layout, motion, components, sections, stack, provenance) or "full" for the raw spec.json (large: ~15–20 KB). Not for search (use search_designs) or for a file to save in the project (use get_design_md).
Inputs: site (required), sections.
get_design_mdGet DESIGN.mdARead-onlyIdempotentInspect
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 DESIGN.md (YAML tokens + prose, google/design.md format); "tokens.css" is CSS custom properties; "tailwind" is a Tailwind v4 @theme block. Save the text to disk unchanged and work from the saved file. Not for answering questions about a site (use get_site or get_design).
Inputs: site (required), format.
get_siteWhat a site usesARead-onlyIdempotentInspect
Use this to answer "what font/colors/framework does use?" for one site. Returns brand name, fonts with roles and weights, role colors, hues, detected stack (framework, CMS, hosting) and capture date. If the site is not indexed it says so (found: false) with the closest indexed sites. Not for building UI from the spec (use get_design).
Inputs: site (required).
search_designsSearch designsARead-onlyIdempotentInspect
Use this when the user wants design references: "dark dev-tool sites", "sites using Söhne", "a warm serif editorial look", "something with #5E6AD2". Matches brand, font, style tags, hue/hex, stack and description across the Emblematic index and returns small cards (scheme, key colors, fonts, radius, one-line summary). All filters are optional and combine with AND. Not for fetching one known site (use get_design) or listing facet values (use browse_by).
Inputs: font, color, limit, query, +2 more.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
Related MCP Connectors
Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.
DESIGN.md, clone prompts, HTML, screenshots, assets, fonts, colors and tech stack of any website.
Website designs as DESIGN.md: real Siteprint exports of Linear, Stripe, Ramp and Cal.com.
Curated design references for AI — real CSS values, typography specs, and color palettes.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceStructured design references from 1,000+ curated websites for AI-powered web design. Retrieve real CSS values, typography specs, color palettes, and design rationale via MCP.1MIT
- AlicenseNot gradedqualityCmaintenanceProvides curated real website design references with structured JSON data on type, spacing, palette, and layout. Enables AI agents to search, browse, and analyze over 1,000 sites and their sections.1MIT
- AlicenseNot gradedqualityAmaintenanceExtract design tokens, colors, typography, spacing and components from any live website, and compute design drift against an approved baseline. Exports DESIGN.md, DTCG, Tailwind and shadcn.10,569 npm3,998MIT
- AlicenseNot gradedqualityBmaintenanceReads the design system of any live website in a real browser and exposes it to the editor as W3C DTCG design tokens, a Tailwind config, CSS variables, a shadcn/ui theme and Figma variables. Also scores how generic a page looks and checks AI-built UI against your brand.2,488 npm5,037MIT
Glama MCP Gateway
Add one secure layer between your agents and this server.