精選 · 開放 · 免費
Qonto
提供帳戶、工具及 AI 賦能管理的全方位企業財務平台。
fintechsaas
01
設計氣質 DNA
企業帳戶財務管理公司創立AI 代理信任
結合現代銀行與 AI 驅動的財務自動化，為企業打造的高級金融科技平台。
02
色彩
#FFFFFFInk
#626262Ink soft
#050505BG
#1A1A1ABG soft
#CCCCCCMuted
rgba(204,204,204,1.0)Line
高對比單色調色板，以近乎黑色背景與純白文字營造高級感。
03
字型
geometric-sans
- display
56px · 700 - h2
48px · 700 - body-lg
18px · 400 - body
16px · 400 - caption
14px · 400 - overline
12px · 400
顯示文字使用緊湊負字間距 (-1px) 以強化衝擊力 · 內文維持寬裕行高 (1.5) 以確保可讀性 · 所有文字採用幾何無襯線字體類別，以保持現代一致性
04
間距
4px
8px
12px
16px
24px
32px
48px
56px
64px
80px
96px
一致的 4px 基礎，間距倍數為 4、8、12、16、24，用以控制元件密度
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 24px
pill · 33554432px
1px 實線邊框，使用 rgb(204,204,204) 作為柔和分隔線，rgb(255,255,255) 用於互動元素
0px 0px 20px 0px rgba(255,255,255,0.08) · 1px 0px 10px 2px rgba(0,0,0,0.1)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
12 欄網格，搭配寬裕留白與主導視口的大型英雄區段
07
動效與互動
200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
背景尺寸過渡用於圖片揭示 · 寬度動畫用於載入狀態 · 流暢的變換動畫用於互動元素
細微背景色過渡，使用 0.5 秒 ease-out 時間函數 · 透過變換狀態提供即時視覺回饋
08
組件
- button 高對比按鈕，圓角 24px，深色區塊為白底，淺色區塊為黑底
- card 大型圓角容器 (24px 圓角)，帶有細微陰影，用於功能區段
- chip 小型圓角標籤，圓角 12px，用於標籤與徽章
- input 簡潔輸入欄位，1px 邊框與圓角
- hero 全視口英雄區段，搭配大型字型 (56px) 與產品攝影
09
文案語氣與禁用清單
- 語氣 專業、自信且直接，提供明確的價值主張
- 標題風格 簡短有力的陳述句，以句號結尾強調語氣 (例如：「企業帳戶。」)
- 按鈕文案 行動導向，使用明確動詞 (例如：「開立帳戶」、「尋找合適方案」)
- 勿使用彩色漸層 — 截圖顯示純黑背景與白色文字
- 勿添加過多動畫 — 截圖顯示細微過渡與靜態佈局
- 勿使用裝飾性字體 — 截圖全程使用簡潔幾何無襯線字體
- 勿過度填滿佈局 — 截圖維持寬裕內距 (56px) 與間距
- 勿使用小型文字作為標題 — 截圖英雄區段採用 56px 顯示字型
- 勿混合多種強調色 — 截圖嚴格遵循黑/白/灰色調色板
- 避免: 避免過多驚嘆號 — 截圖顯示冷靜、以句號結尾的陳述
- 避免: 避免複雜金融術語 — 截圖使用平實商業語言
- 避免: 避免壓倒性的功能列表 — 截圖每區段僅呈現一個清晰價值
- 避免: 避免擁擠介面 — 截圖維持寬裕留白
- 避免: 避免花俏色彩 — 截圖使用克制的單色調色板
- 避免: 避免隨意語言 — 截圖全程保持專業語氣
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 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個用於企業財務管理的高級金融科技 SaaS 平台。設計 DNA 採用高對比單色調色板，使用近乎黑色背景 (#050505, #1A1A1A) 與純白文字 (#FFFFFF) 以定位高級感。字型採用幾何無襯線字體類別，標題使用緊湊字間距，內文則使用寬裕行高。關鍵十六進位色碼包括 #050505 作為背景、#FFFFFF 作為主要文字、#CCCCCC 用於柔和元素。佈局使用 12 欄網格，搭配 24px 間距與大型英雄區段 (56px 標題)。關鍵禁忌：避免彩色漸層、過多動畫及裝飾性字體。全程維持克制、自信的語氣，標題以句號結尾，所有元件均留有寬裕留白。
en · zh-CN · zh-TW · ja · ko