用途:这是一套面向 AI 智能体的、带有明确约束的 Warp 风格界面设计规范,适用于构建浅色模式界面、Warp 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI。
主要能力:提供颜色、语义令牌、排版、间距、边框、布局、组件与交互状态等规则。颜色方面要求页面背景使用 #FFFFFF(surface-base),并给出 surface-raised #222222、surface-overlay #D2D1CE、text-primary #AAAAAA、text-secondary #6C6C6C、text-tertiary #393939、border-default #DCDBD7 等令牌;文字对比度至少 4.5:1。排版要求以 Inter 为主字体,主标题 74px/700,正文 24px/700,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums,未经要求不得修改字距。间距必须使用 4px 网格,默认元素间距 5px。圆角取自 3px、9px、16px、18px,默认 18px,边框宽度限 1px、2px。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需考虑 safe-area-inset。交互上焦点用 2px 强调色 #5E6AD2 外框并保留 2px offset,禁用态 opacity 0.5 且 cursor: not-allowed,破坏性操作使用 AlertDialog,图标按钮需 aria-label。动画仅限 transform 与 opacity,入场用 ease-out,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。
使用方式:资料未提供安装命令或具体调用步骤,暂未提供。
适用场景与限制:适合需要统一 Warp 视觉风格的界面开发参考;规则为强制性约束,不应随意使用任意间距或圆角值。资料未说明收费、价格、平台支持与效果保证。