用途:Modern 是面向设计与工程的设计系统规范写作技能,定位于现代、极简、干净、编辑式的视觉风格,品牌主张为“平静地交付软件”。
主要能力:给出可实施的设计指南,覆盖设计令牌与基础约束、组件级规则、无障碍要求、内容与语调标准、反模式及 QA 清单。
基础规范:字体主字体与展示字体均为 IBM Plex Serif,等宽字体为 JetBrains Mono,字重 100–900;字号阶梯 12/14/16/20/24/32;间距阶梯 4/8/12/16/24/32。颜色令牌包括 primary=#553F83、secondary=#111111、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#553F83、text=#ffffff。无障碍遵循 WCAG 2.2 AA,强调键盘优先交互与可见焦点状态。
使用方式:先重述设计意图,再定义令牌与基础约束,之后编写组件规则;组件需明确 default、hover、focus-visible、active、disabled、loading、error 等状态及键盘、指针、触摸交互;规则须锚定到令牌、阈值或示例,用 must 表示不可协商项,should 表示建议项,每个 do 规则配至少一个 don't 示例。生成规范时按“背景与目标、设计令牌与基础、组件规则、无障碍与可测试验收标准、内容与语调、反模式、QA 清单”的结构输出。
适用场景:需要统一极简编辑风格数字产品的设计系统文档、组件规范与代码评审清单时使用。
限制:资料未提供安装命令、代码示例、收费与平台信息;要求避免低对比文本、间距节奏不一致与含糊标签,当美观与无障碍冲突时优先无障碍。