精選 · 開放 · 免費
Savee
一款為設計師打造的高端視覺策展工具，基於深色簡約美學。
designgallery
01
設計氣質 DNA
策展視覺靈感設計參考簡潔高端
面向創意專業人士的數位心情看板平台。
02
色彩
#1019edAccent
#fdfdfdInk
#a3a3a3Ink soft
#050505BG
#151515BG soft
#1e1e1eBG quiet
#737373Muted
rgba(64,64,64,0.5)Line
採用純黑與純白的高對比深色模式，並搭配單一鮮明的藍色強調色。
03
字型
geometric-sans · monospace
- display
60px · 500 - h2
36px · 500 - body
16px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
以 4px 為基礎網格，並為各區塊搭配寬裕的垂直間距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 12px
lg · 20px
pill · 9999px
卡片與輸入欄位採用 1px solid rgb(64,64,64) 邊框。
0px 18px 70px rgba(0,0,0,0.35)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中單欄式佈局，搭配大型主視覺區塊。
07
動效與互動
150msmicro
400mssmall
680msmedium
cubic-bezier(0.22, 0.86, 0, 1)easing
頁面載入時淡入並縮放 · hover 時平滑的顏色過渡
細微的背景顏色變化或透明度變動。 · 透過顏色過渡提供即時回饋。
08
組件
- button 藥丸狀主要按鈕，採用實心藍色填充；次要按鈕為幽靈按鈕樣式，帶有邊框。
- card 深色凸起表面，具有圓角與細微邊框。
- chip 藥丸狀容器，用於展示平台圖示（iPhone App、Figma Plugin 等）。
- input 深色輸入欄位，具有圓角與細微邊框。
- hero 大型居中標題，搭配輔助文字與顯眼的 CTA 按鈕。
09
文案語氣與禁用清單
- 語氣 專業、簡潔且自信。
- 標題風格 直接且具衝擊力，聚焦於價值主張。
- 按鈕文案 以行動為導向且清晰明確，例如「建立你的資料庫」。
- 避免使用淺色背景——截圖顯示為純黑（#050505）背景。
- 避免使用裝飾性字體——截圖顯示為簡潔的幾何無襯線字體。
- 避免使用多種強調色——截圖顯示僅使用單一鮮明的藍色（#1019ed）強調色。
- 避免按鈕使用尖銳的邊角——截圖顯示為全藥丸狀按鈕（9999px radius）。
- 避免使用細瘦、輕盈的字體——截圖顯示標題採用中等字重（500）以增強衝擊力。
- 避免使用繁雜的背景或漸層——截圖顯示為純色、平坦的深色表面。
- 避免: 俏皮或隨意的語言
- 避免: 視覺雜亂
- 避免: 複雜的漸層
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一款面向設計師的高端視覺策展平台，強調簡潔、極簡的深色模式美學。主要背景為近乎純黑（#050505），與純白（#fdfdfd）文字及柔和的灰色（#a3a3a3）輔助文字形成對比。單一鮮明的藍色強調色（#1019ed）僅用於主要的行動呼籲（如「建立你的資料庫」）。字體使用幾何無襯線字體類別，並採用大型展示尺度（60px）以增強衝擊力。關鍵設計限制包括：避免淺色模式、避免多種強調色、使用藥丸狀按鈕而非矩形按鈕、避免裝飾性字體，以及保持寬裕的留白，確保視覺焦點始終停留在策展內容上。
en · zh-CN · zh-TW · ja · ko