用途:为 AI 智能体提供构建 Pitch 风格界面的约束规则,适用于浅色模式界面、Pitch 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI 实现。
主要能力:定义颜色语义令牌(如 surface-base #000000、surface-raised #FDFDFD、accent #5836F6、text-primary #7D7D7D 等);排版要求以 Inter 为主字体,主标题 68px/700,正文 26px/semi_bold,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums;间距必须使用 4px 网格,默认元素间距 4px;边框圆角取自 3px、4px、6px、7px、8px,默认 6px,边框宽度限 1px、2px、3px;布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset。
交互与状态:焦点必须使用 2px 强调色轮廓与 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 表达可用渲染逻辑实现的内容。
限制:资料未提供安装命令、代码示例、收费或平台信息,暂未提供。