用途:为 AI 智能体提供一套偏向明确的设计约束,用于构建受 Neon 美学启发的界面,尤其是深色模式界面与 Neon 风格设计系统。
主要能力与要求:颜色上要求主表面使用深色背景(明度<20),页面背景用 #000000(surface-base),文本对比度至少 4.5:1,并给出语义色板,如 surface-raised #262626、surface-overlay #FEFEFE、text-primary #E3E3E3、text-2 #ACACAC、text-secondary #6A6B6E、border-default #262626。字体要求主字体为 Inter,主标题 54px/700,正文 16px/500,标题用 text-balance、正文用 text-pretty,数字建议 tabular-nums,不建议改字距。间距要求使用 4px 网格,建议取自 4px、5px、8px、22px、58px,默认间隙 5px。圆角取自 16px、17px、19px、21px,默认 19px,胶囊元素用 21px+,边框统一 1px。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset。交互与可访问性方面,焦点用 2px 强调色 #5E6AD2 轮廓并偏移 2px,禁用态 opacity:0.5 与 cursor:not-allowed,图标按钮需 aria-label,破坏性操作需 AlertDialog,错误就近显示,不得阻止输入框粘贴。动画仅在明确要求时添加,只动 transform/opacity,交互反馈不超过 200ms,遵循 prefers-reduced-motion。性能上不要动画大面积模糊或背景滤镜,不在动画外使用 will-change,不用 useEffect 表达可用渲染逻辑完成的事。限制:资料未提供安装命令、包名、平台支持或收费信息,暂未提供相关用法步骤。