精選 · 開放 · 免費
Letter
一個精緻、現代的金融平台，用於進階的財富管理。
FintechPremiumCleanEditorial
01
設計氣質 DNA
財富管理現代深思熟慮高淨值
一個感覺像當代藝廊的數位私人銀行——精緻、寬敞，且獨特高端。
02
色彩
#186f64Accent
#000000Ink
#191b1fInk soft
#ffffffBG
#f6f9f9BG soft
#e6ebecBG quiet
#e7e8e8Muted
rgba(0,0,0,0.1)Line
一個克制、以中性色為主的色板，以精緻的 teal 綠點綴為主軸，傳達冷靜、現代的財富感。
03
字型
transitional-serif · geometric-sans
- display
46px · 500 - h1
46px · 500 - h2
28px · 400 - body
16px · 400
使用過渡襯線字體於顯著的展示文字，以建立權威感 · 使用幾何無襯線字體於所有 UI 文字，以確保清晰度與現代感 · 限制字重變化為常規、中等和半粗體，以維持冷靜的視覺節奏
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬鬆的垂直節奏，搭配高行高（最高達 2.0），營造出開闊、奢華的感覺。
05
表面 (圓角 / 陰影 / 邊線)
sm · 2px
md · 4px
lg · 8px
pill · 999px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
一個有結構的網格，從全出血、沉浸式的主視覺，過渡到用於功能卡片的多欄版面。
07
動效與互動
70msmicro
400mssmall
750msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
細微的淡入和向上滑動動畫，用於連續的內容呈現 · 懸停狀態下平滑的顏色和不透明度過渡
文字連結和按鈕在不透明度或顏色上的細微變化。 · 立即回應，並帶有細微過渡以確認使用者輸入。
08
組件
- button 簡潔的矩形按鈕，帶有銳利邊角（2px 圓角），使用高對比（實心黑色）和品牌色（teal 綠）兩種變體。
- card 大型、帶有色調的背景區塊（淡藍、薄荷綠），用以定義獨特的功能區域，而無需嚴格的容器邊框。
- hero 一個戲劇性的全視野介紹，採用電影感、深色抽象背景圖像和大型、優雅的排版。
09
文案語氣與禁用清單
- 語氣 自信、精緻且高度清晰。
- 標題風格 直接、具啟發性且略帶憧憬感，使用簡潔的短語。
- 按鈕文案 清晰、以行動為導向且內斂。
- 不要使用圓角——截圖顯示的是銳利的 2px 圓角按鈕
- 不要使用明亮、霓虹色的點綴——截圖顯示的是柔和的 teal #186f64
- 不要使用擁擠、密實的版面——截圖顯示的是寬鬆的 padding 和高行高
- 不要使用俏皮或裝飾性的插圖——截圖使用抽象、攝影的意象
- 不要將大型標題全部大寫——截圖使用標題式大寫或句子式大寫
- 不要將深色模式設為預設——截圖顯示的是以白色和淺灰色為主的介面
- 避免: 使用過多的驚嘆號
- 避免: 採用具攻擊性或過於急迫的銷售語言
- 避免: 在缺乏明確背景的情況下使用複雜的金融術語
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此系統代表一個用於高淨值財富管理的高端、現代金融科技平台。其識別標誌精緻且冷靜，採用克制的色板：清爽的白色背景（#ffffff、#f6f9f9）搭配深墨色（#000000、#191b1f）和單一柔和的 teal 綠點綴（#186f64）。排版是過渡襯線字體（用於展示標題）與幾何無襯線字體（用於 UI 元素）的精緻混合。關鍵限制：絕不使用厚重的陰影或明亮的霓虹色點綴，始終保持寬鬆的留白和高行高（最高達 2.0），並嚴格遵守 2px 的按鈕邊角圓角。版面優先考慮電影感的主視覺區塊和大型、開闊的功能區塊，創造出自信且奢華的數位體驗。
en · zh-CN · zh-TW · ja · ko