用途:这是一套面向 AI 智能体的、带有明确约束的 Things 风格界面设计规范,适用于构建浅色模式界面、Things 风格设计系统,以及使用 Inter 字体与 8px 网格的 UI。
主要能力:提供颜色、语义化 token、排版、间距、边框、布局、组件交互状态、动画与性能等方面的具体规则。颜色上要求页面背景使用 #EEF2F5(surface-base),主操作与聚焦状态使用 #729AE0(accent),色板建议不超过 5 种颜色,文本对比度至少 4.5:1。语义 token 包括 surface-base #EEF2F5、text-primary #729AE0、text-2 #5A5E61、text-tertiary #2F343B、accent #729AE0。排版要求以 Inter 为主字体,主标题 49px/700,正文 23px/400,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums,不擅自修改字距。间距必须使用 8px 网格,默认元素间距 72px。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需考虑 safe-area-inset。交互上聚焦需 2px accent 描边并带 2px offset,禁用态用 opacity 0.5 与 cursor: not-allowed,破坏性操作使用 AlertDialog,图标按钮需 aria-label。动画仅在明确要求时添加,只动 transform 与 opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。
使用方式:在构建符合上述风格的界面时引用这些约束即可;资料未提供安装命令或代码示例。
适用场景与限制:适合浅色、文本层级清晰的 Things 风格界面。资料未说明收费、平台支持或效果保证,相关事实暂未提供。