用途:这是为 AI 智能体提供的、带有明确取舍的 Copy Ai 风格界面设计系统。适用于构建浅色模式界面、创建 Copy Ai 风格设计系统,以及实现使用 Inter 字体和 4px 网格的 UI。
主要能力与约束:颜色方面,主表面应使用浅色背景,页面背景必须为 #FEFEFE,主要操作与焦点状态必须为 #5227BD,文字对比度至少 4.5:1,并建议精简调色板。语义令牌提供了 surface-base、surface-raised、surface-overlay、text-primary、text-secondary、text-tertiary、border-default、accent 及对应 HEX/RGB 与用途。字体必须使用 Inter,主标题用 66px/700,正文用 38px/700,标题用 text-balance、正文用 text-pretty,数字建议用 tabular-nums,且不得随意修改字距。间距必须使用 4px 网格,默认元素间距为 4px,不得使用任意值。边框圆角来自 33px 标度,默认 33px,胶囊元素 33px 以上,边框宽度限 1px、2px。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset,方形元素建议用 size-*。
交互与限制:焦点必须使用 2px accent 色轮廓与 2px outline-offset,不得移除焦点指示;主按钮悬停背景变亮 10%,次级按钮与列表项悬停用 #111111;禁用态用 opacity: 0.5 与 cursor: not-allowed;破坏性操作必须用 AlertDialog;加载态建议用结构化骨架;错误应显示在操作发生处;不得阻止输入框粘贴;仅图标按钮必须加 aria-label。动画仅在被明确要求时添加,且只动 transform、opacity,入场用 ease-out,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。资料未提供安装命令、收费或平台信息。