用途:为 Paper design style 编写可直接实施的设计系统指南,供工程与设计人员使用,指导组件与界面保持一致。
主要能力:定义视觉风格(极简、干净);给出字体与排版尺度(14/16/18/24/32/40,主字体 Roboto、展示字体 Montserrat、等宽 PT Mono,字重 100–900);提供颜色令牌(primary=#111111、secondary=#8B5CF6、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827);间距尺度为 4/8/12/16/24/32。
使用方式:按既定结构输出指南,依次为背景与目标、设计令牌与基础、组件级规则(结构、变体、状态、响应式)、无障碍要求与可测试验收标准、内容与语气标准、反模式与禁止实现、QA 清单。组件需定义默认、悬停、focus-visible、激活、禁用、加载、错误等相关状态,并说明键盘、指针、触控交互。
规则:优先使用语义令牌而非原始值,保持视觉层级,明确交互状态;避免低对比文字、间距节奏不一致、标签含糊。使用 must 表示强制规则、should 表示建议,并与具体 don't 示例配对。
适用场景:设计系统文档、组件规范与代码评审清单。
限制:目标无障碍标准为 WCAG 2.2 AA,要求键盘优先与可见焦点状态;当美学与无障碍冲突时应优先无障碍。资料未提供具体实现代码、安装步骤或收费信息,暂未提供。