Protocore Design System
Protocore Design System
Protocore’s design language, systematized — tokens, 101 components, and the patterns that hold them together. Dark-first, near-monochrome, hairline-drawn, with a single reserved signal.
pnpm add @protocore/pdsLive components
The system, rendered
Every tile below is a real @protocore/pds component running in this page — the same code you ship. Follow any tile through to its full documentation.
Foundations
Rules before pixels
The system is doctrine first: how color, type, and motion behave — and how machines read it — before any component exists.
AI · Machine-readable
Built for agents
llms.txt, a queryable component registry, and an MCP server for coding agents.