用途:为 Flat 扁平化设计风格编写可直接落地的设计系统规范,供工程师与设计师使用。风格定位为极简、企业化,强调功能性而非装饰,去除阴影、渐变、纹理等 3D 效果,以改善加载速度与响应性。
主要能力:提供风格基础,包括排版层级 12/14/16/20/24/32,字体 primary=Inter、display=Inter、mono=JetBrains Mono,字重 100 至 900;颜色令牌 primary=#F2673C、secondary=#8B5CF6、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827;间距 4/8/12/16/24/32。无障碍要求 WCAG 2.2 AA、键盘优先交互、可见焦点状态。写作语气简洁、自信、有帮助、清晰、友好、专业。
使用方式:先复述设计意图,再定义令牌与基础约束,然后给出组件级规则(结构、变体、状态、响应式行为),补充无障碍验收标准与文案规范,列出反模式与迁移说明,最后提供可在代码评审中执行的 QA 清单。组件需定义 default、hover、focus-visible、active、disabled、loading、error 等状态,并说明键盘、指针与触摸交互。
规则:优先使用语义令牌而非原始值,保持视觉层级,显式定义交互状态,设计空/加载/错误状态,默认响应式。避免低对比文本、不一致间距、无目的装饰动效、含糊标签、混用多种视觉隐喻。
限制:资料未提供具体组件示例、代码片段、平台支持范围、收费或价格信息,也未说明实际使用步骤或安装命令。