28 lines
940 B
Plaintext
28 lines
940 B
Plaintext
|
---
|
|||
|
|
description: 写样式与 UI 时必须遵循 DESIGN.md 与项目样式架构
|
|||
|
|
globs: src/**/*.{css,tsx}
|
|||
|
|
alwaysApply: false
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# 设计系统（浅色高级编辑风）
|
|||
|
|
|
|||
|
|
## 单一事实来源
|
|||
|
|
|
|||
|
|
`DESIGN.md` · `src/styles/tokens.css` · `typography.css` · `layout.css` · `components.css` · `locale-zh.css` · `globals.css`
|
|||
|
|
|
|||
|
|
## 必须遵守
|
|||
|
|
|
|||
|
|
1. **全站浅色**：仅用 `band-light` / `band-muted` / `bg-canvas-page`，**禁止** `band-dark`、深色页背景。
|
|||
|
|
2. **字体**：标题 `type-display-*`（Noto Serif SC）；正文/导航 Inter；代码 `code-panel`。
|
|||
|
|
3. **主 CTA**：`btn-primary`（墨灰 `#141414`，非大面积黑底区块）。
|
|||
|
|
4. **层次**：hairline 边框 + 白/米灰底交替，不用渐变与霓虹。
|
|||
|
|
5. **中文**：`locale-zh.css` 行高与字距；眉标 `type-eyebrow`，导语 `type-lead`。
|
|||
|
|
|
|||
|
|
## 禁止
|
|||
|
|
|
|||
|
|
深色 band、渐变装饰、荧光色、`zinc-*` 随意色
|
|||
|
|
|
|||
|
|
## 变更后
|
|||
|
|
|
|||
|
|
运行 `pnpm test`
|