# cockpit

`cockpit` 是一套偏内部后台和工作台的设计参考源，来源于 `cockpit-tools` 的前端样式体系。

它最有价值的部分不是某一个页面，而是整套工作台语言：侧边导航、顶部操作区、内容区、详情区、卡片层次、弹窗动作区，以及轻主题下的密度控制。

## 适用场景

- 管理后台
- 工作台
- 配置中心
- 运营面板
- 有一定信息密度但仍需保持克制的工具型产品

## 最强项

- 工作台 shell 层次很稳
- 侧边栏、内容区、操作区的平衡做得好
- 轻主题表面语言克制，边框、阴影、间距容易复用
- 列表、表单、卡片、弹窗这些后台高频部件有稳定范式

## 不适合

- 营销落地页
- 强品牌叙事页面
- 依赖大幅视觉表达和动效的消费级前端

## 当前结论

- 复用等级：`L2 可复用`
- 结论：可以稳定复用，但还不是“拿来就能无缝复制”的完整设计系统

原因很明确：

- token、布局和常见组件层已经足够稳定
- 已经有下游项目证明它可以被迁移使用
- 但部分页面级经验仍然隐含在具体业务页面里，没有完全抽成独立规范

## 来源脉络

1. 最早来源：`cockpit-tools` 内部前端样式系统
2. 中间整理层：从原项目中抽出的可复用 shell / sidebar / component / responsive 样式
3. 下游验证：已被后续邮件工作台类产品吸收复用

## 目录说明

- `screens/`
  代表性截图，用来快速把握整体视觉语言。
- `source/origin/`
  原始来源样式，保留证据链。
- `source/extracted/`
  从原始来源里提炼出来、相对更适合复用的样式子集。

## 使用建议

不要把 `cockpit` 当成逐页照抄模板，更适合把它当成“后台工作台设计语言”：

- 先学 shell 布局
- 再学卡片、弹窗、表单和按钮节奏
- 最后按自己业务重新组织页面内容