Skip to main content
Glama

Emblematic

Server Details

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

If you are the author of this connector, you can claim ownership by verifying the domain or GitHub account it belongs to. Claimed connector authors can inspect health checks, view analytics, and manage their listing.
Status
Healthy
Uptime
100.0% over the last 24 hours
Last Tested
Transport
Streamable HTTP · MCP 2025-11-25
URL
ChatGPT
–
Claude
–

TDQS

A4.5/5.0

Scored across 7 tools

Disambiguation4/5

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.

Naming Consistency4/5

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.

Tool Count5/5

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.

Completeness4/5

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 tools
browse_byBrowse by facetA
Read-onlyIdempotent
Inspect

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 briefA
Read-onlyIdempotent
Inspect

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 designsA
Read-onlyIdempotent
Inspect

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 specA
Read-onlyIdempotent
Inspect

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.mdA
Read-onlyIdempotent
Inspect

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 usesA
Read-onlyIdempotent
Inspect

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 designsA
Read-onlyIdempotent
Inspect

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

    Related MCP Servers

    • A
      license
      Not graded
      quality
      D
      maintenance
      Structured 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.
      1
      MIT
    • A
      license
      Not graded
      quality
      C
      maintenance
      Provides 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.
      1
      MIT
    • A
      license
      Not graded
      quality
      A
      maintenance
      Extract 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 npm
      3,998
      MIT
    • A
      license
      Not graded
      quality
      B
      maintenance
      Reads 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 npm
      5,037
      MIT
    Try in Browser

    Glama MCP Gateway

    Add one secure layer between your agents and this server.

    Resources