Knowledge Base · Sources
Where the KB
comes from.
Sistema draws on publicly available documentation from six design systems, three agent skill libraries, and established references in accessibility, color science, and typography theory.
Design Systems & Content
Material Design 3
Color system, typography scale, shape tokens, component specifications, and the DESIGN.md format specification.
Carbon
IBM
Token architecture, color roles, grid system, accessibility-first component patterns, and content guidelines.
Atlassian Design System
Atlassian
Color foundations, typography, spacing, enterprise component patterns, and voice and tone guidelines.
Primer
GitHub
Semantic color roles, spacing foundations, and developer-centric design token patterns.
Ant Design
Ant Group
Design values, color system, typography, and React component implementation patterns.
Radix UI
WorkOS
Primitive component architecture, accessibility patterns, and headless UI composition model.
Polaris
Shopify
Voice and tone, grammar and mechanics, actionable language, and error message patterns.
Content Style Guide
MailChimp
Voice and tone framework, grammar and mechanics, and accessible writing guidelines.
Supporting Sources
Agent Skills
Open-source design skill for AI agents. 7 domain reference areas, 23 commands, and 27 deterministic anti-pattern rules. Apache 2.0.
Official Claude Code plugin for frontend design. Guides Claude toward distinctive, production-grade interfaces.
8 agent skills encoding the design process, including grill-me, design-brief, and frontend-design. Apache 2.0.
Standards
Web Content Accessibility Guidelines — contrast ratios, focus requirements, and perceivability criteria.
CSS custom properties, color functions, and web platform references.
Color Science
The perceptual color model behind OKLCH. Foundational reading for why OKLCH produces more uniform palettes than HSL.
Specification for the DESIGN.md format that Sistema uses to encode design systems for AI agents.
Typography
Line length, line spacing, font sizing, and typographic conventions that inform the principles section.
Web-specific translation of typographic principles from Robert Bringhurst's foundational text.
All content in the Sistema knowledge base is either derived from or directly references these sources. DESIGN.md files were generated by Sistema using publicly available documentation and are not official documents from those teams. If you believe any content misrepresents a source, please open an issue.