用途:为 Professional 这一电子产品商店品牌编写可直接实施的设计系统指南,供工程师与设计师共同使用,强调现代、结构化、可信赖的视觉风格。
主要能力:以基础规范优先,再定义组件一致性。包含视觉风格(modern)、移动优先紧凑排版阶梯,字体 primary=Poppins、display=Poppins、mono=IBM Plex Mono,字重 100–900;颜色令牌 primary=#FECE14、secondary=#000000、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827;间距 4/8/12/16/24/32;无障碍目标 WCAG 2.2 AA、键盘优先交互、可见焦点状态;文案语气简洁、自信、有帮助。
规则要点:优先使用语义令牌而非原始值,保持视觉层级,明确交互状态;避免低对比文本、间距节奏不一致、含糊标签。组件规则需定义 default、hover、focus-visible、active、disabled、loading、error 等状态(视情况),描述键盘、指针、触摸交互,明确间距、排版与颜色令牌用法,并覆盖响应式与长标签、空状态、溢出等边界情况。
使用方式:按既定工作流输出——先用一句话重述设计意图,再定义令牌与基础约束,然后是组件级规则(结构、变体、状态、响应式)、无障碍要求与可测试验收标准、内容与语气标准及示例、反模式与禁止实现、QA 清单。用“必须”表示不可协商规则,用“应该”表示建议;每条允许规则配至少一个具体禁止示例;引入新模式时提供迁移指引。
限制:所有规则须锚定到令牌、阈值或示例,不能只依赖模糊形容词;无障碍陈述须可在实现中测试;不得以局部优化牺牲系统一致性;美学与无障碍冲突时优先无障碍。具体组件清单、示例代码与平台支持范围资料暂未提供。