2026-07-09 03:45:28 +00:00
|
|
|
|
# T002 — Harbor design tokens + global CSS + fonts
|
|
|
|
|
|
|
2026-07-10 05:10:31 +00:00
|
|
|
|
> Status: `done`
|
2026-07-09 03:45:28 +00:00
|
|
|
|
> Milestone: `M1`
|
2026-07-10 05:10:31 +00:00
|
|
|
|
> Est. change: `~150 lines`
|
|
|
|
|
|
> Completed: 2026-07-09
|
2026-07-09 03:45:28 +00:00
|
|
|
|
|
|
|
|
|
|
## Goal
|
|
|
|
|
|
|
|
|
|
|
|
全域 CSS 變數（Harbor Desk）與 Inter + Taipei Sans TC 已載入。
|
|
|
|
|
|
|
|
|
|
|
|
## Depends on
|
|
|
|
|
|
|
|
|
|
|
|
- T001
|
|
|
|
|
|
|
|
|
|
|
|
## Inputs
|
|
|
|
|
|
|
|
|
|
|
|
- Spec §9.2 視覺 token、§9 禁止項
|
|
|
|
|
|
- 字體：Inter（CDN 或 npm）、Taipei Sans TC（npm 如 `taipei-sans-tc` 或等價）
|
|
|
|
|
|
|
|
|
|
|
|
## Outputs
|
|
|
|
|
|
|
|
|
|
|
|
### 程式變更
|
|
|
|
|
|
|
|
|
|
|
|
| 路徑 | 動作 | 說明 |
|
|
|
|
|
|
|------|------|------|
|
|
|
|
|
|
| `apps/web/src/styles/tokens.css` | add | `--hb-*` tokens light（+ 可選 dark data-theme） |
|
|
|
|
|
|
| `apps/web/src/styles/global.css` | add | reset、body 字體、line-height |
|
|
|
|
|
|
| `apps/web/index.html` 或 css import | edit | 字體載入 |
|
|
|
|
|
|
| `apps/web/src/main.tsx` | edit | import global.css |
|
|
|
|
|
|
|
|
|
|
|
|
### 行為變更
|
|
|
|
|
|
|
|
|
|
|
|
- 頁面使用 token 色，無 emoji 主視覺
|
|
|
|
|
|
|
|
|
|
|
|
## Out of scope
|
|
|
|
|
|
|
|
|
|
|
|
- 完整元件庫（T003）
|
|
|
|
|
|
- 舊 `hx-*` / 雲朵場景
|
|
|
|
|
|
|
|
|
|
|
|
## Acceptance
|
|
|
|
|
|
|
|
|
|
|
|
- [ ] body 可見 Inter/中文字體
|
|
|
|
|
|
- [ ] CSS 變數 `--hb-brand` 等存在
|
|
|
|
|
|
- [ ] `npm run build` 通過
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
cd apps/web && npm run build
|
|
|
|
|
|
```
|
