Design tokens MCP, measured from real websites
Agents guess type sizes and spacing. A1 measures them. For every captured section, A1 reads the design values off the live page: palette hex with roles, heading and body type, padding, container width, radius and layout. Your agent can pull one section’s values, or the spread across a whole set of sections.
What you can ask
Real answers from the live server, October 2026. The gallery grows every day, so yours may differ.
What type scale do agency hero sections use?
analyze_design_tokens Across 99 sections: headings at a median 56px (32px to 87px between the quartiles), body at 18px, a 3.4 heading-to-body ratio, a 1280px container and a 16px radius.
How do pricing sections handle padding, radius and borders?
analyze_design_tokens Across 40 pricing sections: 80px median padding, a 1280px container, a 12px radius and 48px headings. 55% use borders, 38% shadows and 23% gradients.
Find hero sections that use a colour close to #ff5a1f
search_sections Mymind (#ff5924), Zig Zag Creative (#ff5e1f) and DRĄSA (#ff5a25), nearest first. Each with its full palette, type and spacing, so you see what the orange sits next to.
Rebuild Neon’s closing CTA with its real values
search_sections Inter at 80px for the heading and 32px for the body, both at -0.04em tracking. Background #151617, accent #34d59a, white text, a 1336px container and 56px top padding.
The tools it uses
Reaching 1,255 hand-curated sites, 3,305 captured sections, 3,193 full-page captures and 584 fonts.
analyze_design_tokens- Aggregate the measured design values across many sections — typical heading and body sizes, type scale, section padding, container width, radius, common typefaces and accent colours, reported as quartiles.
search_sections- Search inside sections — headings, body copy, FAQ questions, pricing, testimonials — not just tags. Returns the screenshot plus the extracted text, structured data, topic tags, and the measured design tokens. Filter by section type, site type, topic, or a brand colour to match.
get_website_sections- All captured sections for one site, in page order — each with its measured design tokens.
17 tools in all — see the full list. Prefer to look yourself? Browse sections on A1.
More you can do with A1 MCP
Web design inspiration, Font pairing and Section references — or start from the MCP page.
Common questions
An MCP server that gives your AI agent real design values to work from. A1 returns the colours, type sizes, spacing and radius measured on real websites, so the agent builds with numbers that ship rather than numbers it made up.
They’re measured off the live, rendered page when A1 captures each section. Not exported from a design file, so they reflect what the site ships.
Design values are long-tailed. A few huge hero headings drag an average up, so A1 reports the median and the middle half (25th to 75th percentile). Narrow slices with only a handful of sections are flagged as a low sample.
Yes. Sign in with a free A1 account and you get 50 tool calls a day — no card, no trial. A1 Pro raises that to 2,000 a day.