# code2x

`code2x` 是一套偏对外站点的设计参考源，它不是单页案例，而是一条完整脉络：

`Z.ai 参考语料 -> 内部设计规则 -> 多个下游站点实现`

它最值得复用的不是某个组件，而是“多站点角色拆分”的方法：入口站、商店站、合作站，各自有明确职责，视觉上保持同一家族，但页面任务不同。

## 适用场景

- 官网
- 多站点产品家族
- 轻品牌、浅色、高级感页面
- 需要克制文案和清晰 CTA 层级的对外前端

## 最强项

- 多站点角色划分清楚
- 站群之间能保持同一视觉家族感
- 文案和 CTA 的职责边界比较稳
- 从参考语料走到落地前端，这条链路比较完整

## 不适合

- 数据密集型后台
- 组件库优先的设计系统建设
- 不经解释就直接复制的“拿来即用”模型

## 当前结论

- 复用等级：`L2 可复用`
- 结论：适合做对外站点的设计参考，但仍需要设计判断，不能机械照搬

原因：

- 站点角色边界和文案纪律已经很明确
- 已经有 `www / shop / studio` 多个下游实现作为证据
- 但共享 token 和共享组件并没有被彻底抽成独立系统层

## 来源脉络

1. 最早来源：保留下来的 `Z.ai` prompt / case / 初始视觉参考
2. 内部解释层：把松散参考收敛成站点角色、文案边界、页面优先级等规则
3. 下游实现层：`www`、`shop`、`studio` 三类站点页面和样式文件

## 目录说明

- `screens/`
  代表性截图，帮助快速理解家族气质。
- `source/`
  保留 prompt、设计说明、HTML、CSS 等关键来源文件。

## 使用建议

不要把 `code2x` 当成一个首页模板库，更适合这样用：

- 先确定你的站点角色
- 再决定每个站点该承担什么信息任务
- 最后才借用它的色彩、排版、卡片、按钮和 CTA 节奏