# Codey 刻典｜品牌與律所系統改版簡報

版本：2026-09-08。範圍：律所端。素材來源：使用者指定且已登入的 lawfirm-demo.thecodey.com。交接頁目前僅擁有者可閱覽。

## 產品在做什麼

Codey 是律師事務所的工作系統，把案件、客戶、期程、任務、文件與協作放進可追蹤的脈絡。律師需要知道案子目前在哪個階段、下一件事由誰處理；助理需要把收文、資料、期限與行政工作接起來；管理者需要配置符合自己事務所的欄位與流程。

本次設計對象是律所內部工作台。客戶 Portal 是相關產品背景，但其介面不在這次截圖與改版交接範圍。

## 三種使用者與核心問題

| 使用者 | 日常問題 | 希望完成的工作 |
|---|---|---|
| 主辦／協辦律師 | 案件很多，背景、期程與文件分散 | 快速理解案件，確認下一步，交辦與查閱 |
| 法務／行政助理 | 來文與資料要登錄，工作容易在交接時失去脈絡 | 歸案、記錄期限、建立交辦、整理文件 |
| 合夥人／律所管理者 | 不同成員需要不同存取權，不同律所有不同作業方式 | 配置欄位、管理成員與共享，維持一致作業 |

## 需要讓設計團隊先理解的概念

- 客戶可以關聯多個案件。客戶資料存在，不等於已開通客戶入口。
- 案件是核心工作容器，聚合背景、客戶、期程、任務、文件與討論。
- 期程描述案件上的事件與時間點；任務描述需要完成的工作。主線範例的任務位於特定期程下。
- 文件中心提供全所目錄視角；案件內的文件側欄提供當前案件的視角。
- 收文是收到資料後的登錄、歸案與後續處理工作；卷宗追蹤紙本卷冊的保管與所在地。
- 案件共享與全所角色設定屬不同的權限脈絡，不能只用單一「可編輯」圖示概括。

## 品牌方向（整理自既有 CIS 訪談回答）

「刻」代表重要工作與知識的記錄、保存與累積；「典」連結法典、規範與專業。Codey 同時呼應法律規範與軟體程式碼。

核心使命：讓法律更普及，讓律師更有力量，讓社會更值得信任。

品牌優先順序：可信任 → 專業且容易理解 → 有辨識度 → 創新與科技感。

品牌應呈現對法律現場的理解，兼具專業科技與人本價值。訪談偏好清晰、簡潔、現代且有辨識度的數位體驗；避免大量發光漸層、機器人、制式科技符號、僵硬或過度可愛的表現。

這些是改版輸入，不是已核准的新視覺設計。既有畫面的配色、字體、三欄配置與命名都可以提出改善方案。

## 本次建議的設計工作順序

1. 品牌基礎：中文／英文標誌關係、字體、色彩、單色與反白、小尺寸圖示、品牌語氣。
2. 資訊架構：核心模組與側欄、案件與任務切換、全所視角與單案件視角、搜尋與篩選。
3. 三條關鍵流程：找到案件並處理任務；收文登錄與後續交辦；從範本準備對外文件。
4. 共用元件：密集表格、欄位與分組、狀態與日期、長表單、抽屜與對話框、空狀態與錯誤狀態、權限提示。
5. 延伸應用：登入、載入、窄螢幕與桌面工作區、文件頁首與頁尾、網站與提案文件的品牌一致性。

## 希望設計團隊交付什麼（提案用草案）

- 品牌識別方向與選擇理由；母品牌和產品名稱關係待共同定案。
- 更新後的網站／系統資訊架構與三條主要使用者流程。
- 案件列表、案件工作區、收文表單、文件中心與請款流程的高保真畫面。
- 可操作的關鍵流程原型，包含必要的空白、錯誤、唯讀與成功狀態。
- 共用設計元件及規則：狀態、字級、間距、色彩、表格、表單、圖示與響應式策略。
- 可供工程實作的規格與資產。工具與交付格式由雙方在委外範圍確認時決定。

## 設計評估問題

- 使用者能否辨認自己在哪個案件、目前看的是什麼，以及下一步可以做什麼？
- 是否同時照顧長時間密集作業與新手理解，而非只以減少畫面元素為目標？
- 長文字、很多欄位、空資料、多層資料夾與權限不足時，畫面是否仍然一致清楚？
- 重要狀態是否不只依賴顏色？文字放大、鍵盤操作、焦點與對比是否有明確規則？
- 文件輸出上的律所品牌與軟體中的 Codey 品牌如何協調？

## 素材與已知範圍

18 張 JPG 為實際桌面介面截圖，保留現況，不是重新繪製的設計稿。案件資料明確標示為虛構展示資料。擷取畫面為 1710 × 925。

2 段 MP4 是依實際截圖編排的逐步畫面導覽，附繁體中文字幕 VTT，沒有配音，也不是連續螢幕錄影。另附操作腳本，方便後續正式錄製。

展示環境缺口：選取的案件文件資料夾沒有可預覽文件；案件與任務討論為空；收文與卷宗清單為空；行事曆未顯示事件；請款單缺少預設範本，預覽未完成。這些狀態有保留並逐圖註記，不代表完整產品不支援相應功能。

本次未驗證：文件預覽與版本流程、通知內容、AI／智慧搜尋、手機介面、客戶 Portal、對外分享完成態、案件結案操作、收文正式送出與完整核閱流程。這些不應憑現有素材推定成功。

## 來源

- 既有《刻典科技 CIS 品牌訪談綱要暨回答》：品牌名稱、使命、品牌個性與視覺方向。
- lawfirm-demo 實際畫面：本版工作流程與介面現況的主要證據。
- 既有產品簡介僅用於背景理解；未沿用其中未查證的市場規模、價格、效益數字或競品比較。
