# Workspace Shell

## 适合解决什么问题

在后台、工作台、复杂内容页面里，怎么把导航、内容、动作区分开，同时保持页面克制，不显得散乱。

## 核心原则

1. 先分清 shell 层次，再谈装饰。
2. 先定义页面角色边界，再定义组件细节。
3. 框架要安静，内容要成为主角。

## 应该做

- 明确区分导航区、内容区、动作区
- 通过分组和间距调密度，不要先去压字体
- 在相关页面之间保持一致的外壳节奏

## 不要做

- 把所有区域都堆成一片卡片海
- 只靠更重的颜色解决层级问题
- 让背景、边框、阴影和主内容抢注意力

## 快速检查

- 3 秒内能看懂页面骨架
- 主内容比外壳更显眼
- 页面变密之后，布局节奏仍然稳定

## 主要参考

- `cockpit`：后台工作台最强参考
- `code2x`：对外站点的角色型 shell 可作为辅助参考