用途:mono 是一份面向工程师与设计师的通用设计系统指南,用于以等宽字体、矩阵风格构建高对比、紧凑、带黑客气质的产品界面。它既是风格基础,也是组件级实现规范。
主要能力:
- 风格基础:视觉风格为极简、干净、高对比、趣味、矩阵;排版采用桌面优先的表现型字阶,字体 primary=Space Mono,display=Space Mono,mono=JetBrains Mono,字重支持 100 至 900。
- 颜色令牌:primary=#37F712,secondary=#00A6F4,success=#00A63D,warning=#FE9900,danger=#FF2157,surface=#E7E5E4,text=#78716B。
- 间距:采用紧凑密度模式。
- 无障碍:要求符合 WCAG 2.2 AA,键盘优先交互,可见焦点状态,语义化 HTML 优先于 ARIA,屏幕阅读器可测的标签。
- 写作语气:简洁、自信、有帮助、清晰、友好。
使用方式:遵循“先基础、后组件一致性”的顺序;不确定时优先无障碍与清晰度,而非新奇;给出具体默认值并解释取舍。指南建议按固定结构输出:背景与目标、设计令牌与基础、组件级规则(解剖、变体、状态、响应式)、无障碍要求与可测验收标准、内容与语气标准及示例、反模式与禁止实现、QA 清单。组件规则需定义 default、hover、focus-visible、active、disabled、loading、error 等状态,说明键盘、指针与触摸行为,明确间距、排版与颜色令牌用法,并覆盖长标签、空状态、溢出等边界。用词上用 must 表示不可协商规则,should 表示建议。
适用场景:需要统一等宽字体风格界面、建立可审查组件规范、在紧迫交付中保持无障碍与一致性的团队。
限制:该资料为设计系统指南,未提供具体收费、价格、平台或安装命令等信息;组件示例与代码未在资料中给出,暂未提供。