用途:这是一套面向 AI 智能体的、带有明确约束的 Ashby 风格界面设计规范,用于在构建深色模式界面、Ashby 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI 时作为参考。
主要能力: 颜色方面,主表面必须使用深色背景(亮度小于 20,检测值为 9),页面背景必须使用 #0E1122(surface-base),色板应限制在 8 种颜色内,文本对比度至少 4.5:1。语义令牌包括 surface-base #0E1122、surface-raised #FEFEFE、text-primary #D6D9DD、text-secondary #34384D、text-tertiary #797979、border-default #818288。 排版方面,主字体必须为 Inter,建议单一字体族;主标题必须 28px/700,正文必须 24px/semi_bold;标题用 text-balance、正文用 text-pretty,数字用 tabular-nums;除非明确要求,不得修改字距。字号涵盖 12、13、14、15、16、19、24、25、28px。 间距必须使用 4px 网格,建议使用 2px、3px、4px、5px、88px 等刻度,默认元素间距 2px,禁止任意值。圆角必须使用 10px 刻度,边框宽度统一 4px,分隔用 1px 细边框。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset,方形元素用 size-*。 交互方面,焦点必须用 2px 轮廓与 #5E6AD2 强调色、2px outline-offset,禁止移除焦点指示;禁用态用 opacity 0.5 与 cursor: not-allowed;破坏性操作必须用 AlertDialog;加载用结构骨架;错误显示在操作发生处;禁止阻止粘贴;纯图标按钮必须加 aria-label。动画仅在明确要求时添加,只动画 transform 与 opacity,入场用 ease-out,交互反馈不超过 200ms,尊重 prefers-reduced-motion。性能上禁止动画大面积 blur/backdrop-filter,禁止在非活动动画外使用 will-change,禁止用 useEffect 表达可用渲染逻辑实现的内容。
使用方式与限制:资料未提供具体安装命令或调用步骤,暂未提供。输入框高度规范标注为 0px,属资料原文,未作改动。以上为规范约束,实际落地需结合具体项目。