Design tokens as a service · free tier · no credit card
Everything Norrly measures — exact colors, typography, layout values and complete vibe-coding prompts from 350+ of the best-designed websites — is available programmatically: as a REST API for your own apps, and as an MCP server that plugs straight into Cursor, Claude and other MCP-capable tools.
Add Norrly to your MCP configuration and your AI assistant can search the library, fetch measured design tokens and pull complete style prompts — mid-conversation. In Cursor, add to .cursor/mcp.json (or Settings → MCP):
{
"mcpServers": {
"norrly": {
"url": "https://norrly.io/mcp",
"headers": { "Authorization": "Bearer nly_YOUR_KEY" }
}
}
}
Then ask things like "get Linear's design tokens from Norrly and restyle my hero section" or "find three dark fintech references and build me a page in that language".
Tools exposed:
q, category, style, limit. Public, 120 req/hour per IP.Example:
curl "https://norrly.io/api/v1/sites?style=dark&category=fintech" curl "https://norrly.io/api/v1/sites/linear-app" curl -H "Authorization: Bearer nly_YOUR_KEY" \ "https://norrly.io/api/v1/sites/linear-app/prompt"
1. Create a free account (or log in).
2. In the library, open the account menu (☰) → Copy API key.
3. Free accounts get full token access and 5 prompt calls/day. Norrly Pro (€5/month) is unlimited.
{
"slug": "linear-app",
"host": "linear.app",
"theme": "dark",
"palette": ["#000000", "#303030", "#606060", "#909090", "#c0c0c0"],
"colors": { "background": "#08090a", "text": "#f7f8f8", "bodyText": "#8a8f98" },
"typography": {
"headingFont": "Inter Variable",
"h1": { "fontSize": "64px", "fontWeight": "510", "letterSpacing": "-1.408px" }
},
"layout": { "contentMaxWidth": 1340, "sectionPadding": 128, "averageBorderRadius": 5 },
"buttons": { "primary": { "text": "Sign up", "bg": "#e5e5e6", "radius": "9999px" } }
}
The API is provided for building products, plugins and workflows — not for bulk-replicating the library. Attribution ("Design data by Norrly") is appreciated but not required. Questions or higher limits: contact us.