1.1 KiB
1.1 KiB
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通過
cd apps/web && npm run build