精選 · 開放 · 免費

Fey

一款優質的金融科技工具，將複雜的市場數據簡化為可操作的投資洞察。

01

設計氣質 DNA

為現代投資者設計的私人財富管理儀表板

02

色彩

採用深邃的近黑色表面，搭配高對比度字體，以便在密集的財務數據上實現最大專注度。

03

字型

grotesque-sans · monospace

• display54px · 600
• headline54px · 700
• subhead18px · 400
• body16px · 400
• caption14px · 400

所有文字使用 Calibre 字體 · 大型標題使用緊縮的負字距 · 所有正文與說明文字使用 400 字重

04

間距

在不同 UI 區塊與卡片之間保留充足的留白與清晰的間隔（24px）。

05

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

使用低透明度的白色（rgba(255, 255, 255, 0.04)）1px 細微邊框，以增加深度感。

rgba(0, 0, 0, 0.28) 0px 14px 24px 0px · rgba(0, 0, 0, 0.66) 0px 53.1263px 86.7729px 0px

06

版面

單欄中央佈局，搭配全出血的應用程式截圖與寬幅卡片佈局。

07

動效與互動

hover 狀態下的細微透明度淡入淡出 · 流暢的背景過渡效果

互動元素在 hover 時發生細微的透明度變化或背景切換 · 立即回應，無複雜的實體動畫

08

組件

• button 採用藥丸形狀的按鈕，具有高對比度背景或細微邊框，大圓角（99px）。
• card 深色、半透明的卡片，帶有細微邊框與大圓角（16px），用於承載密集數據。
• chip 小型的藥丸形狀態指示器，帶有彩色文字與柔和背景。
• input 深色的圓角輸入欄位，帶有細微邊框與清晰標籤。
• hero 大號的中央排版，搭配全寬、高解析度的產品截圖。

09

文案語氣與禁用清單

• 語氣 權威、清晰且以數據為導向
• 標題風格 簡短的陳述性句子，搭配緊縮的字距
• 按鈕文案 直接且以行動為導向（例如「進一步了解」、「應用程式」）

• 不要使用明亮的霓虹強調色 — 截圖顯示的是嚴格的中性、近黑色調色板。
• 不要使用襯線字體 — 截圖顯示的是一致的人文主義/怪誕無襯線字體系統。
• 不要使用俏皮的插圖 — 截圖顯示的是逼真、高解析度的產品攝影。
• 不要使用沉重的陰影 — 截圖使用細微、大圓角的投影來營造深度。
• 不要使用緊湊的佈局 — 截圖顯示所有文字區塊周圍都有充足的留白。
• 不要使用鮮豔的漸層 — 截圖使用純色深色背景與細微的邊框光暈。
• 避免: 過多的驚嘆號
• 避免: 模糊的行銷術語
• 避免: 缺乏脈絡的複雜財務術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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