精選 · 開放 · 免費

Linusrogge

專為嚴謹反洗錢工作流程與重資料任務管理設計的簡潔實用主義金融科技儀表板。

01

設計氣質 DNA

金融專業人士的法規遵循指揮中心

02

色彩

高對比度實用主義，搭配單一策略性藍色強調色以標示主要操作。

03

字型

geometric-sans · humanist-sans · monospace

• display40px · 600
• heading24px · 500
• body14px · 400
• caption12px · 400

密集資料表格使用緊湊行距以最大化空間效率。 · 所有文字元素優先考慮易讀性而非裝飾風格。 · 維持一致的字重階層以區分主要與次要資訊。

04

間距

嚴格的 4px 格線系統，用以對齊複雜的資料結構與密集的佈局元件。

05

表面 (圓角 / 陰影 / 邊線)

1px solid rgba(0,0,0,0.08)

card: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) · modal: 0 4px 16px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06)

06

版面

固定式側邊導覽列，搭配流動式主內容區域，並以卡片劃分區塊。

07

動效與互動

彈窗與下拉選單採用細微淡入效果。 · 核取方塊與切換開關採用即時狀態變化。

清單項目與列表項目的背景顏色細微變化，以指示可互動性。 · 按鈕與互動元素的即時視覺回饋。

08

組件

• button 主按鈕：實心藍色（#0052FF）搭配白色文字。次按鈕：幽靈樣式，灰色邊框。
• card 白色背景，細微灰色邊框，極小的圓角半徑（4px），呈現實用主義風格。
• chip 小型圓角標籤，用於狀態指示器或篩選器，通常帶有淺色背景填充。
• input 簡潔的文字輸入欄位，上方附有清晰標籤，使用底部或全邊框樣式。
• hero 無傳統首頁橫幅；主視圖為即時、資料豐富的工作區或彈窗覆蓋層。

09

文案語氣與禁用清單

• 語氣 權威、精準且專業。專注於清晰度與任務完成。
• 標題風格 直接且功能導向。避免行銷用語，採用清晰的區段標題。
• 按鈕文案 以行動動詞為導向（例如「儲存並結束」、「新增客戶」），置於清晰獨特的按鈕上。

• 勿使用活潑俏皮的配色方案——截圖顯示的是高度克制、主要為單色調的使用者介面。
• 勿使用裝飾性襯線字體——介面完全依賴簡潔的無襯線字體以確保易讀性。
• 勿使用寬鬆的間距——設計優先考慮資訊密度以呈現複雜資料。
• 勿使用厚重的陰影效果——陰影非常細微，僅用於輕微抬升卡片或彈窗。
• 勿使用圓潤、氣泡式的按鈕——元件採用銳利的矩形以符合實用主義風格。
• 勿以厚重覆蓋層遮蔽資料——即使是彈窗也保持簡潔，旨在清晰呈現可操作資訊。
• 避免: 俏皮或口語化的語言。
• 避免: 模糊、激勵性的行銷文案。
• 避免: 過多的驚嘆號或表情符號。

11

System Prompt

en · zh-CN · zh-TW · ja · ko