精選 · 開放 · 免費

Aave

一個去中心化的儲蓄平台，讓賺取收益如同使用行動銀行應用程式般簡單。

01

設計氣質 DNA

一間為 DeFi 改造的、現代簡潔的金融科技銀行分行，著重於無障礙性與信任感。

02

色彩

在柔軟的米白色表面上使用高對比的純黑墨色，並以單一活躍的薰衣草色作為主要操作的強調色。

03

字型

geometric-sans · mono

• display72px · 500
• headline40px · 500
• body16px · 400
• caption14px · 500

大型展示文字使用緊湊的字距（-3.6px）。 · 主要內文字重使用 400。 · 標題字重使用 500。

04

間距

以 8px 為基準網格，垂直堆疊，區塊之間留有充足的內距。

05

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

使用 rgba(0, 0, 0, 0.06) 的極細 1px 邊框。

0 6px 20px rgba(0, 0, 0, 0.05) · 0 0 0 1px rgba(0, 0, 0, 0.06)

06

版面

置中的單欄主視覺區，下方的功能卡片轉為雙欄網格。

07

動效與互動

互動元素採用細微的色彩與透明度過渡效果（0.15 秒）。 · 縮放或移動的變形過渡效果（0.2 秒 ease-out）。

按鈕與連結的背景色或透明度發生細微變化。 · 立即回饋，可能是輕微的縮放或透明度降低。

08

組件

• button 高對比的主要按鈕（薰衣草色背景、白色文字）與細微的次要按鈕（淺薰衣草背景、紫色文字）。採用全圓角（膠囊形）。
• card 柔和、略帶圓角的卡片（圓角半徑 12-20px），置於極簡背景上，並使用最少的邊框。
• chip 未明顯展示，但標籤類元素使用柔和的薰衣草色背景。
• input 在提供的截圖中不可見。
• hero 置中的文字型主視覺區，包含巨大的 72px 展示字型、描述性副標題，以及並排的兩個行動呼籲按鈕。

09

文案語氣與禁用清單

• 語氣 自信、清晰，略帶技術性但高度易懂。
• 標題風格 簡短、有力、以效益為導向的語句（例如「人人適用的儲蓄」、「最佳的建構方案」）。
• 按鈕文案 以行動為導向，並具體指明平台（例如「在 iOS 上下載」、「使用 Aave」）。

• 不要使用襯線字體——截圖顯示所有文字均使用幾何無襯線字體。
• 不要將深色模式作為預設主題——截圖顯示介面以白色和淺灰色為主。
• 不要在主要元素上使用銳利的直角——截圖顯示廣泛使用圓角膠囊與柔和圓弧。
• 不要使用高對比、飽和的紅色或綠色作為強調色——截圖使用柔和的薰衣草色作為主要強調色。
• 不要將所有文字置中對齊——截圖顯示內文與功能描述採用左對齊。
• 不要使用陰影來創造深度——截圖使用極細微、低透明度的邊框或純色差異來區隔元素。
• 避免: 避免使用未附上下文、過於密集的金融術語。
• 避免: 避免用不必要的圖示或邊框使介面雜亂。
• 避免: 避免使用強烈或霓虹色調的色盤。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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