50 lines
1.1 KiB
Markdown
50 lines
1.1 KiB
Markdown
# T002 — Harbor design tokens + global CSS + fonts
|
||
|
||
> Status: `done`
|
||
> Milestone: `M1`
|
||
> Est. change: `~150 lines`
|
||
> Completed: 2026-07-09
|
||
|
||
## 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
|
||
```
|