用途:这是一套面向 AI 代理的 Bear 风格界面设计约束,适用于构建浅色模式界面、Bear 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI。
主要能力:提供颜色语义令牌(如 surface-base #FFFFFF、surface-raised #DDDDDE、surface-overlay #232428、text-primary #8B8C90、border-default #EFEFEF 等);排版规范(主字体 Inter,主标题 50px/700,正文 14px/400,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums);间距规范(4px 网格,默认元素间距 7px);边框规范(圆角 7px、11px、18px,默认 11px,边框宽度 1px、2px、6px);布局规范(基准视口 1920px,全屏高度用 h-dvh 而非 h-screen,固定元素尊重 safe-area-inset);组件与交互规范(幽灵按钮、焦点 2px 轮廓 #5E6AD2 与 2px offset、禁用态 opacity 0.5、破坏性操作使用 AlertDialog、图标按钮加 aria-label、加载用骨架屏、错误就近显示、不阻止粘贴);动画规范(非明确要求不加动画,仅动画 transform/opacity,入场用 ease-out,交互反馈不超过 200ms,尊重 prefers-reduced-motion);性能规范(不动画大范围 blur/backdrop-filter,不在动画外使用 will-change,不用 useEffect 表达渲染逻辑)。
使用方式:资料未提供具体安装命令或调用步骤,暂未提供。
适用场景:需要统一 Bear 视觉风格的浅色界面开发与设计系统落地。
限制:资料未说明收费、价格、平台支持范围与效果保证,暂未提供。