用途:这是一套面向 AI 代理的设计约束,用于构建受 Ghost 美学启发的界面,尤其适用于深色模式界面与 Ghost 风格设计系统的实现。
主要能力:给出颜色、语义令牌、字体、间距、边框、布局、组件与交互状态的具体规范。颜色要求主表面使用明度小于 20 的深色背景(检测到的明度为 8),页面背景使用 #FFFFFF(surface-base),建议精简调色板(检测到 18 种颜色),文本对比度至少 4.5:1。语义令牌给出十六进制与用途,如 surface-raised #DAE1EC 用于卡片与模态、surface-overlay #0D0E10 用于浮层与提示、text-primary #D8D9DC 用于标题与正文、border-default #DBE0E8 用于边框与分割线、warning #FAB429 用于警告。字体要求以 Inter 为主字体家族,一级标题 73px/700,正文 26px/500,标题用 text-balance、正文用 text-pretty,数字数据用 tabular-nums,未明确要求时不得修改字距。间距要求使用 4px 网格并遵循 1px 到 8px 的取值,元素默认间距 65px,不得使用任意间距值。圆角取值限定 3px、4px、7px、13px、16px,默认 13px,边框宽度限定 1px 与 6px。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset,方形元素用 size-*。交互方面,破坏性操作须用 AlertDialog,聚焦须用 2px 强调色 #5E6AD2 描边并带 2px offset,禁止移除焦点指示,禁用态用 opacity 0.5 与 cursor not-allowed;动画仅在明确要求时添加,仅动 transform 与 opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。
使用方式:在构建界面时对照上述规范执行,具体命令与安装方式资料未提供。
适用场景:深色模式界面、Ghost 风格设计系统、使用 Inter 字体与 4px 网格的 UI 实现。
限制:内容为设计约束清单,未提供安装命令、代码示例细节、收费信息或平台说明;部分条目为检测到的现状统计,实际项目需结合具体需求判断。