企业商务专业风格设计

解决什么问题

企业商务界面常见三类漂移：间距节奏不一致、对比度勉强达标、装饰性动效取代了明确的状态反馈。更麻烦的是规范本身——「要高级」「要有商务感」这类形容词无法在 code review 中验收，可访问性被当成可选清单，最后每个组件只能靠口头约定对齐。

技能如何工作

简诗 AI 这个技能不生成图片，也不提供组件库，它产出可直接落地的设计系统指南：

• 风格底座：enterprise / premium 视觉定位；字体栈 Open Sans（正文）、Poppins（展示）、IBM Plex Mono（代码），字重 100–900；色板 token 如 primary=#3B82F6、success=#16A34A、danger=#DC2626；8pt 基线网格
• 规范编写流程：先一句话重述设计意图，再定义 token 与基础约束，然后逐组件说明解剖结构、变体、状态与响应式行为，附可测的可访问性验收标准、反模式与迁移说明，最后给出可在 review 中执行的 QA 清单
• 约束语言：不可协商的规则用 must，推荐项用 should；每个 Do 都配一个 Don't 实例，避免规则停留在形容词上
• 组件规则：覆盖 default、hover、focus-visible、active、disabled、loading、error 等状态，键盘/指针/触摸交互，以及长标签、空状态、溢出等边界情况

可访问性锚定 WCAG 2.2 AA：键盘优先、可见焦点、语义 HTML 优先于 ARIA、44px+ 触控目标、减少动效支持。

适用边界

技能只输出指南文档，不自动安装依赖、不修改系统权限、不创建持久化任务、不下载内容。涉及发送、发布、删除、付款、部署等外部写入时，会先展示目标与影响并等待明确确认。凭据只用于你指定的对应官方服务，命令与代码默认仅作参考。