用途:这是一套为 AI 智能体准备的、带有明确约束的 Intercom 风格界面设计系统,适用于构建浅色模式界面、创建 Intercom 风格的设计系统,以及使用 Inter 字体与 4px 网格实现 UI。
主要能力:给出颜色、语义化令牌、排版、文本样式、间距、边框、布局、组件与交互等规范。颜色要求页面背景使用 #FEFEFE,主操作与焦点状态使用 #4F3FE6,文本对比度至少 4.5:1。语义化令牌包括 surface-base #FEFEFE、surface-raised #110D0C、surface-overlay #4F3FE6、text-primary #8492A8、text-secondary #ABAAAB、text-tertiary #939393、border-default #EAEBE7、accent #4F3FE6、success #278019。排版要求以 Inter 为主字体,主标题 46px extra_bold,正文 14px / 400,标题用 text-balance、正文用 text-pretty,数值用 tabular-nums,除非明确要求否则不改字距。间距遵循 4px 网格,默认元素间距 5px。圆角使用指定尺度,默认 6px;边框宽度限 1px、2px、3px。布局以 1920px 为基准视口,避免 h-screen,改用 h-dvh,固定元素需尊重 safe-area-inset。组件部分给出按钮变体与状态:焦点用 2px accent 轮廓并加 2px outline-offset;禁用用 opacity 0.5 与 cursor not-allowed;破坏性操作使用 AlertDialog;图标按钮需 aria-label。动画仅在明确要求时添加,只动画 transform 与 opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。
限制:公开资料未提供安装命令、代码示例或具体接入方式,暂未提供相关细节。