L1 现状
精简工作台
对应当前 console-lite：仅标题 + 说明文字 + 纯文字按钮，无统计、无图表、无快捷卡片。
工作台 / 首页
L3 丰富
业务工作台
规范参考版：预警条 + 6 张指标卡（含图标）+ 双列趋势图 + 快捷入口宫格 + 待办列表。
打开 Demo →业务列表页
L1 现状
纯文字 CRUD 列表
对应典型主数据页：普通 h2 标题、纯文字列、无 Tag、无缩略图/头像、操作按钮无图标。
打开 Demo →
L2 适度
规范内轻增强
仍保持列表范式，但补齐：绿色竖条标题、面板图标、按钮图标、状态 Tag、页头说明——改动小、收益明显。
打开 Demo →
L3 丰富
复合信息列表
在 L2 基础上增加：客户头像+副标题、商品缩略图、进度条、金额高亮、迷你趋势 sparkline 列。
打开 Demo →详情 / 查看态
L1 现状
纯描述列表
类似 el-descriptions border：字段名+值平铺，无首屏 Hero、无分区卡片。
L3 丰富
Hero + 分区卡片
规范 view-hero + detail-section：首屏摘要、Tag 状态、分区折叠感、关键字段视觉分组。
丰富化模式样例（按场景）
以下每个 Demo 聚焦一种「如何让界面更丰富」的手法，可直接对照业务场景选用。
模式
空状态 + 引导
列表无数据时：插画区 + 说明 + 主行动按钮，避免空白表格的冷感。
打开 Demo →模式
卡片网格视图
商品/设备/工单等实体：表格之外的卡片视图，封面图 + Tag + 底部操作。
打开 Demo →模式
时间线 / 操作动态
订单跟踪、审批记录、样本流转：节点图标 + 竖线 + 时间戳。
打开 Demo →模式
看板 Kanban
工单/任务按状态分列：列头计数 + 卡片摘要 + 负责人头像。
打开 Demo →模式
分区表单
长表单拆成带图标的分区卡片（基本信息 / 联系 / 结算），降低「一张大白板」感。
打开 Demo →模式
商品媒体画廊
详情/编辑页：主图 4:3 + 缩略图网格 + Hero 信息区，适合商品/样本类。
打开 Demo →模式
树 + 详情分栏
分类/组织/库位：左侧树选中高亮 + 右侧详情卡片，比纯树表更有层次。
打开 Demo →模式
流程步骤条
订单/样本/工单生命周期：顶部步骤条展示当前阶段，下方详情联动。
打开 Demo →模式
同屏 Before/After
左素右丰并排对比：同一业务块（筛选区、工具栏、表格行）的改造前后。
打开 Demo →维度对照表
| 视觉维度 | L1 现状 | L2 适度 | L3 丰富 |
|---|---|---|---|
| 页头说明（page-desc） | ✗ | ✓ | ✓ |
| 面板标题竖条 / 图标 | ✗ | ✓ | ✓ |
| 按钮前缀图标 | ✗ | ✓ | ✓ |
| 状态 Tag 标签 | 纯文字 | el-tag 语义色 | ✓ |
| 统计指标卡 | ✗ | 可选条带 | ✓ 含图标 |
| 图表 / 趋势 | ✗ | ✗ | ✓ |
| 复合列（头像/缩略图） | ✗ | ✗ | ✓ |
| 进度 / 迷你图 | ✗ | ✗ | ✓ |
| 详情 Hero 首屏 | ✗ | ✗ | ✓ |
| 快捷入口宫格 | ✗ | ✗ | ✓ |
| 符合 Fresh Mint 克制配色 | ✓ | ✓ | ✓ |
如何选档？
L2 适合批量改造现有 CRUD 页（成本低、规范合规）；
L3 适合工作台、订单/工单/客户等高频页（信息密度高、业务感强）。
不建议为了「不素」而引入高饱和多色或 Tab 图标——与现有规范冲突。
权威参考：fresh-mint-green.html
· 规范文档：docs/web-admin-ui-spec-fresh-mint.md