DESIGN.md@ai-admin-front · git:20261007.a402df3 · 2026-10-07 · sha256 adb8cf42ded5ea54
DESIGN.md@ai-admin-front git:20261007.a402df3A
Immutable. This exact content never changes and is served at /api/v1/blob/adb8cf42ded5ea54.
# ReachAI 管理端设计上下文 本文件是管理端设计上下文入口,不复制既有规范。完整视觉方向与迁移原则以 [`../docs/plans/前端Glass-Workbench设计系统与UI重构.md`](../docs/plans/前端Glass-Workbench设计系统与UI重构.md) 为准。 ## 产品气质 - 面向企业研发、平台管理员和运行治理人员,是高频工作台,不是营销落地页。 - 延续 Glass Workbench:浅蓝灰画布、克制的蓝青环境光、轻玻璃表面、薄边框和高信息密度。 - 页面首屏优先呈现范围、状态、主要任务和下一步;装饰不能压过数据与操作。 - 来源变化以自动处理为默认路径,所属项目内只提示需要业务判断的当前例外;批次、策略与审计放入详情和处理记录,不组织成用户必须逐步完成的流程。 ## 运行时映射 - Token 所有权:运行时 CSS 为事实源。 - 品牌原语:`src/styles/tokens/_brand.scss`。 - 语义颜色、表面、文字和状态:`src/styles/tokens/_semantic.scss`。 - 密度与布局:`src/styles/tokens/_density.scss`、`src/styles/tokens/_layout.scss`。 - 全局基线与滚动条:`src/styles/index.scss`。 - Element Plus 映射:`src/styles/_element-plus.scss`。 当前正式入口只提供亮色主题和品牌色切换。暗色 token 作为兼容层保留,在完成跨页面验收前不向用户展示不可用的明暗切换控件。 ## 变更约束 - 新页面优先复用共享页面骨架、标题、筛选、表格、反馈和 Overlay;不在单页复制等价视觉角色。 - Durable token 的修改必须同时更新运行时 owner、相关契约测试与浏览器证据。 - 可滚动内容必须继承全局可见滚动条;局部只允许声明 `scrollbar-gutter` 等几何例外,不得隐藏滚动条。