首頁版型（三個方向）
結構性差異不是只改顏色——這三個版型在資訊密度、互動方式、視覺重量上完全不同。
A
傳統 SaaS Dashboard
Dashboard 卡片格狀
12-column grid、固定尺寸卡片、明確分區。最熟悉、可預期的版型。
B
Notion / Confluence 感
Sidebar + Wiki 長卷軸
左側分類導覽、右側內容區。Inline edit hover 可見鉛筆，適合「內容為主、文件感」的維護模式。
C
個人化、可重新組織
Bento Grid 可拖拉
不規則大小區塊、明顯拖拉手把、玻璃感。強調「拖拉排列」這個關鍵需求。
D
公司級 + 個人級雙層導覽
上方公司級 + 左側個人級
頂部公司共用導覽 + 左側可收合個人選單。共用 vs 我的分層清楚，左欄可收合成圖示窄列。
子功能頁（含申請流程示意）
每一頁可獨立交付給負責單位審視內容與流程；按部門色標識主管單位。
管理
onboarding
新手上路
tmc CLI 介紹、必裝軟體導覽、首日清單
Infrastructure
✦ 重點流程
資源申請 VM / K8S
AI 對話輔助、AppList 整合、產出 IaC yml、開立需求單
Infrastructure
★ 簡化版
資源申請 VM（簡化版）
純對話式：System Prompt 設定 + 示意對話 + YAML 折疊高亮
Infrastructure
general
資源申請（一般）
儲存空間、網段、防火牆、憑證、Domain 等
資料平台
platform
基礎服務
OAuth2/SSO · LLM 算力 · Email · 簡訊 · M+ 訊息
開發
docker
Docker Image
弱掃過的官方鏡像清單、一鍵複製 docker pull
管理
winget
軟體安裝
職務別 Tag 過濾、複製 winget 指令
開發
✦ 核心
AppList（專案清單）
負責的所有專案、對外/對內標記
開發
detail
AppList — 單一專案詳情
主機、監控、人員、API、文件、外部帳號授權
開發
api
API Catalog
跨專案 API 彙整、分類查詢、線上申請權限
開發
apps
App Catalog
所有專案的對外目錄、申請資料庫帳號 / API
維運
monitoring
監控與告警
我負責的系統健康度、告警清單
Infrastructure
arch
架構建議
公司常用服務（Kafka/Redis/Nginx）、HA 建議
維運
✦ 重點流程
上線審查 / 申請
Skill 下載、Bitbucket 掃瞄、維運表單、架構圖
外部系統
resource-request
開立需求單（示意）
點任何「開立需求單」按鈕後跳轉到此外部系統的示意頁
原型注意事項：所有資料皆為示意；拖拉、inline 編輯、AI 對話、yml 產出、開立需求單均為視覺示意，未串接真實後端。
完成的「方向選擇」會收斂為正式版型，再開新專案實作（Nuxt 3）。