# 設計構想：香港投資組合與 MPF 持倉帳本

## 三個風格方向

| 主題名稱 | 極簡介紹 | 機率 |
| --- | --- | ---: |
| 維港帳房 | 以香港傳統財經報章、銀行帳簿與精密數字排版為靈感，讓複雜交易資料看起來可信、冷靜而有脈絡。 | 0.07 |
| 基金會檔案室 | 帶有機構研究檔案與現代主義標示系統的資料工作台，強調清晰的資料層級與分析節奏。 | 0.04 |
| 琥珀市場盤 | 以暖灰紙張、深墨與琥珀訊號色構成低刺激的個人財務日誌，適合長時間核對交易。 | 0.08 |

## 已選方向：維港帳房

### 設計運動

本介面採用**當代資訊設計結合香港財經報章排版**。它不是模擬舊式銀行系統，而是把報章中的欄位秩序、帳簿的可信度與現代數據儀表板的操作效率融合起來。

### 核心原則

1. **數字優先**：價格、盈虧與持倉變化的字級、字重和對齊必須先於裝飾被考慮。
2. **可審計感**：每筆交易像帳簿行項般可追溯，狀態與計算基礎可一眼辨識。
3. **節制的訊號色**：顏色只用於表達上升、下跌、提醒與目前焦點，不將整個畫面染成情緒化的市場屏幕。
4. **盤中節奏**：側欄、摘要列、資料表與分析面板以明確層級排列，讓使用者由總覽自然鑽取至交易細節。

### 色彩哲學

以**暖象牙紙色**降低長時間看表的疲勞，配合近黑墨色作為資料骨架。盈利使用克制的松綠，虧損使用低飽和磚紅；兩者只承載意義而不作背景主角。淺霧藍用作連結資料與現時選取狀態，避免金融工具慣常的冷峻科技藍。

### 版面範式

採用不對稱的「**固定資訊軌 + 主帳簿 + 右側語境欄**」結構：左邊是帳戶與功能導覽，中間是可橫向閱讀的交易帳簿，右邊保留價格、新聞及計算洞察。手機版將右欄折進上下文抽屜，主帳簿維持優先。

### 標誌元素

1. **雙線帳簿規則**：卡片與交易表標題均以細雙線分段，呼應金融報章的欄目秩序。
2. **港口座標刻度**：圖表和日期篩選旁以短線刻度呈現時間與市場節奏。
3. **資產印章**：帳戶與 MPF 類別使用簡潔的方形字母／符號章，建立可掃讀的識別點。

### 互動哲學

所有常用操作都應就近出現：新增交易按鈕固定在帳簿標題範圍，行項可展開查核，篩選即時生效。危險操作必須清楚說明後果；計算結果旁保留「已含費用／稅項」證據標籤。

### 動畫

僅以 120–220ms 的淡入、位移與數值高亮提供操作回饋。新增或更新交易時，對應持倉摘要會短暫呈現淺色訊號帶；不使用閃爍行情、持續跳動數字或炫光。所有非必要動態均尊重減少動態效果偏好。

### 字體系統

標題採用 **Noto Serif TC**，讓頁面帶有具編輯感的可信度；內文採用 **Noto Sans TC**，確保密集繁中操作介面的易讀性；所有價格、日期、百分比與表格數字採用 **IBM Plex Mono** 並使用 tabular figures。標題字體只用於頁面／板塊名稱，不能侵佔資料表行項。

### 品牌本質

**為重視可核對成本與長線持倉的香港個人投資者而設的本機投資帳房，以清楚帳目取代黑箱報酬率。**

品牌個性是**審慎、精準、沉著**。

### 品牌語調

文案應像可靠的帳房助手：直接交代事實、先說計算基礎、避免煽動追價或捕捉機會的語氣。

> 「每一股成本，均已扣合你真正付出的費用。」

> 「檢視 2800 的帳目軌跡，而非只看今日價格。」

### 字標與標誌

字標以「**帳房**」的水平比例與壓縮襯線字為靈感；圖形標誌是一枚由三條遞進帳簿線與一個港口座標點構成的方形印章。標誌不直接把品牌名稱以預設字體呈現。

### 代表色

**維港青墨（#0F5962）**：介乎深青與墨綠之間，用作目前焦點、資料連結與品牌識別；它穩定而不具投機感。