精選 · 開放 · 免費

Cash

現代消費金融應用大膽、高對比的面貌。

01

設計氣質 DNA

一個流暢自信的金融科技平台，融合深色奢華質感與充滿活力、易於使用的綠色能量。

02

色彩

深黑與鮮豔霓虹綠之間的極致高對比，卡片表面採用純淨白色。

03

字型

humanist-sans · monospace

• display56px · 400

04

間距

以 4px 為基準單位，搭配寬裕的垂直內距（90px）區隔各區塊。

05

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

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

rgba(0,0,0,0.1) 0px 8px 20px 0px · rgba(0,0,0,0.1) 0px 24px 48px 0px

06

版面

對稱分割畫面首屏，內容置中，過渡至垂直堆疊的行動版版面。

07

動效與互動

流暢色彩過渡 · 細微變形位移

互動元素的細微亮度或縮放變化。 · 透過色彩反轉或輕微壓縮提供即時視覺回饋。

08

組件

• button 圓潤膠囊造型，主要為霓虹綠搭配黑色文字，或黑色搭配白色文字。
• card 大尺寸、圓角的白色卡片浮於深色背景上，用以展示應用程式介面。
• chip 簡潔的矩形標籤或狀態指示器。
• input 極簡無邊框或細微邊框的欄位，聚焦清晰度。
• hero 分割畫面版面，結合大膽的左對齊文字與動態置中的應用程式模型。

09

文案語氣與禁用清單

• 語氣 自信、現代且直接。
• 標題風格 強而有力、簡短的片語，強調易用性與顛覆性。
• 按鈕文案 以行動為導向，搭配方向箭頭，使用高對比色彩。

• 勿使用柔和的粉彩色調——截圖顯示高對比黑色與鮮豔霓虹綠。
• 勿使用複雜襯線字體——截圖顯示簡潔現代的 humanist-sans 字體。
• 勿以密集文字使版面雜亂——截圖顯示寬裕留白與清晰層次。
• 勿使用細微低對比邊框——截圖顯示大膽清晰的表面與圓角。
• 勿使用傳統方正按鈕造型——截圖顯示高度圓潤的膠囊造型行動號召按鈕。
• 勿使用深灰色取代純黑——截圖使用純粹深邃的 #000000 背景。
• 避免: 複雜術語
• 避免: 雜亂版面
• 避免: 暗淡或柔和的調色板

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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