精選 · 開放 · 免費
Auros Global
一款為高風險數位市場交易設計的頂級金融科技介面。
FintechPremiumDark ModeGradientCalm
01
設計氣質 DNA
加密貨幣流動性基礎設施機構級
一座邊緣散發霓虹光芒的現代數位金庫
02
色彩
#FFFFFFInk
#BBC7C6Ink soft
#001413BG
#012624BG soft
#003734BG quiet
#707777Muted
rgba(1, 38, 36, 1)Line
以深青綠為基礎,搭配空靈、虹彩的漸層點綴於主要操作元素。
03
字型
geometric-sans · sans-serif · monospace
- display
96px · 500 - heading
60px · 500 - body-lg
20px · 400 - body
16px · 400 - caption
14px · 400
所有主要導覽與按鈕皆採用全大寫並搭配寬字距 · 標題使用緊湊的負字母間距以強化衝擊力 · 內文則維持舒適的行高以確保可讀性
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
120px
採用一致的 4px 基礎網格,並搭配寬裕的垂直留白,營造高級質感。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 6px
lg · 16px
pill · 999px
極簡風格,使用能與深色背景融為一體的深青綠邊框。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全幅深色主視覺區塊過渡至結構化的內容區塊,兩側設有寬裕的留白。
07
動效與互動
200msmicro
200mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
背景位置在漸層上的平滑移動 · hover 狀態下的細微透明度淡入淡出
以 200ms ease-in-out 進行細微的背景顏色或透明度變化。 · 立即提供視覺回饋,並降低透明度。
08
組件
- button 虹彩漸層填充搭配深色文字,採用膠囊或軟性矩形造型。
- card 大尺寸、圓角的卡片,帶有柔和的內部漸層與細微的玻璃態效果。
- chip 簡潔的文字標籤,配有細膩的背景填充。
- input 乾淨、極簡的輸入框,採用深色背景與淺色邊框。
- hero 全幅深色畫布,中央配置大字體標題與單一、高對比的行動呼籲。
09
文案語氣與禁用清單
- 語氣 具權威感、機構級且著眼未來。
- 標題風格 直接、主動的動詞搭配具衝擊力的名詞。
- 按鈕文案 簡短、以行動為導向,並以全大寫、寬字距呈現。
- 勿使用鮮明、飽和的主色調——截圖顯示的是以深青綠為基礎搭配虹彩點綴
- 勿使用纖細、輕盈的字體作為標題——截圖顯示的是粗體、500 字重的幾何無襯線字體
- 勿在主要元件上使用銳利、方正的圓角——截圖顯示的是卡片與按鈕採用 16px 圓角
- 勿使用厚重的投影來營造高度感——截圖顯示的是以平面、漸層營造深度
- 勿使用狹窄、擁擠的間距——截圖顯示的是寬裕的留白(垂直 120px)與間距(48px)
- 勿在導覽與行動呼籲上使用小寫字母——截圖顯示的是嚴格的全大寫搭配寬字距
- 避免: 過於隨意的俚語
- 避免: 過多的驚嘆號
- 避免: 缺乏脈絡的複雜行話
- 避免: 模糊或泛泛的價值主張
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為加密貨幣流動性提供者設計的頂級金融科技網站。它以深邃的深色青綠背景為主,並採用空靈、虹彩的漸層點綴系統。字體排版方面,展示文字使用幾何無襯線字體,內文使用乾淨的無襯線字體,並大量運用全大寫、寬字距的標籤。佈局寬敞且居中,強調權威感與機構信任度。關鍵禁忌:切勿使用鮮明飽和的主色調,避免標題使用纖細/輕盈的字體,勿在卡片或按鈕上使用銳利的方角,避免厚重的投影,保持寬裕的間距而非擁擠的佈局,永遠不要在主要導覽或行動呼籲上使用小寫字母。
en · zh-CN · zh-TW · ja · ko