用途:为 AI 代理提供 Obsidian 风格界面的设计约束,适用于构建深色模式界面、Obsidian 灵感设计系统,以及使用 Inter 字体与 4px 网格的 UI。
颜色与令牌:主表面须用深色背景(亮度低于 20),页面背景(surface-base)须用 #000000,主操作与焦点态强调色须用 #6930C7,文字对比度至少 4.5:1。资料列出的语义令牌包括 surface-base #000000、surface-raised #FEFEFD、surface-overlay #151027、text-primary #858585、text-secondary #3A2F66、text-tertiary #555555、border-default #2F2F2F、warning #FEFEFD、accent #6930C7。
排版:主字体须为 Inter,主标题须用 78px / 700,正文须用 14px / 400;标题用 text-balance,正文用 text-pretty,数字建议用 tabular-nums,除非明确要求否则不修改字距。资料还列出 heading-1 等文本样式参考。
间距、边框与布局:间距须用 4px 网格,元素默认间隔建议 2px,不用任意值;圆角来自 3px、4px、5px、6px、8px、11px、23px 刻度,默认 4px,23px 以上用于胶囊元素;边框宽度限 1px、2px,元素分隔建议 1px 细边。布局须按 1920px 基准视口设计,全视口高度用 h-dvh 而非 h-screen,固定元素须尊重 safe-area-inset,方形元素用 size-*。
组件与交互:输入框高度为 0px,按钮有 Ghost 变体;焦点须用 2px 强调色轮廓与 2px offset,不得移除焦点指示;禁用态用 opacity 0.5 与 cursor: not-allowed;破坏性操作须用 AlertDialog;加载用骨架屏;错误就近显示;不得阻止输入框粘贴;纯图标按钮须加 aria-label。
动画与性能:除非明确要求否则不加动画;只动画 transform 与 opacity,不动画布局属性;入场建议 ease-out,交互反馈不超过 200ms,尊重 prefers-reduced-motion;不大面积动画 blur 或 backdrop-filter,不在非活动动画时用 will-change,不用 useEffect 表达可渲染逻辑。
限制:本资料为设计约束清单,未提供安装命令、版本、平台或收费信息。