用途:Clean 是一套以简洁、极简与高可用性为核心的设计系统技能,供工程师与设计师编写可直接实施的界面规范,通过大量留白、易读排版与有限配色减少视觉杂乱。
主要能力:提供风格基础,含字体阶梯 12/14/16/20/24/32;字体 primary=Roboto、display=Poppins、mono=Inconsolata,字重 100 至 900;配色含 primary、neutral、success、warning、danger 及 token:primary=#3B82F6、secondary=#8B5CF6、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827;间距采用 8pt 基线网格。无障碍要求 WCAG 2.2 AA、键盘优先、可见焦点状态、语义 HTML 优先于 ARIA、屏幕阅读器测试标签、减少动效支持、44px 以上触控目标。文案语气为清晰、友好。
使用方式:输出规范时按固定结构组织,包括上下文与目标、设计 token 与基础、组件级规则(结构、变体、状态、响应式)、无障碍要求与可测试验收标准、内容与语气标准示例、反模式与禁止实现、QA 清单。组件需定义 default、hover、focus-visible、active、disabled、loading、error 等适用状态,并说明键盘、指针、触控交互,明确间距、排版与颜色 token 用法,覆盖响应式与边缘情况如长标签、空状态、溢出。规则用 must 表示不可协商,should 表示建议;每条 do 规则应配至少一个具体 don't 示例;引入新模式需给出现有组件的迁移指引。
限制:应优先遵循基础再保持组件一致;不确定时优先无障碍与清晰而非新颖;禁止低对比文本、不一致间距节奏、无目的装饰动效、含糊标签。质量门要求规则锚定 token、阈值或示例,无障碍陈述可测试,冲突时无障碍优先。其他信息暂未提供。