用途:这是一套面向 AI 智能体的约束性设计规范,用于构建 Upstash 风格的界面。当需要制作浅色模式界面、Upstash 风格设计系统,或使用 Inter 字体与 4px 网格实现 UI 时参考。
主要能力:提供颜色、语义令牌、排版、间距、边框、布局、组件与交互状态的明确规则。颜色方面要求主表面使用浅色背景,页面背景(surface-base)用 #000000,主操作与焦点态(accent)用 #15B169,文字对比度至少 4.5:1。语义令牌包括 surface-raised #F2F2F2、surface-overlay #15B169、text-primary #7E7D82、text-secondary #F7E89F、text-tertiary #C04351、border-default #E6E8E7、destructive #C04351、success #3FA25D、warning #F7E89F。排版要求以 Inter 为主字体,主标题 100px/700,正文 25px/400,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums,不擅自修改字距。间距必须使用 4px 网格,默认元素间距 5px。圆角取自 6px、9px、10px、12px、13px、15px、16px,默认 15px,边框宽度限 1px、2px。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset。
使用方式:作为设计约束在生成界面时遵循,聚焦态用 2px accent 描边并设 2px outline-offset,禁用态用 opacity 0.5 与 cursor: not-allowed,破坏性操作使用 AlertDialog,图标按钮需加 aria-label。动画仅在明确要求时添加,只动 transform 与 opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。
限制:资料未提供安装命令、代码示例、收费或平台信息,暂未提供。