精選 · 開放 · 免費
Unveil Fr
一個極度簡潔的編輯風格網站，聚焦於排版與留白。
EditorialCleanTypographyMinimalReference
01
設計氣質 DNA
精緻極簡編輯風格排版精準
一本瑞士字型樣本冊或高端藝廊目錄。
02
色彩
#000000Ink
#FAFAFABG
#FFFFFFBG soft
rgba(0,0,0,1)Line
單色調對比搭配大量空白，以強調排版。
03
字型
geometric-sans
- body-sm
10px · 400 - body-md
16px · 400
所有文字均為大寫 · 字距緊湊但存在 · 在整個層級結構中使用一致的字重（400）
04
間距
4px
8px
12px
16px
24px
28px
40px
寬裕的內邊距與間距創造出鬆散、寬敞的佈局。
05
表面 (圓角 / 陰影 / 邊線)
sm · 6px
md · 6px
lg · 6px
pill · 33554400px
1px solid black
06
版面
12columns
24pxgutter
768 / 1024breakpoints
全螢幕置中文字或左對齊區塊，搭配大量空白。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.215, 0.61, 0.355, 1)easing
淡入轉場
游標在互動元素上變為指針。 · 標準指針互動。
08
組件
- button 極簡的大寫文字或帶有圓角邊框的方框。
- card 帶有寬裕內邊距的邊框容器。
- chip 無可見元素。
- input 無可見元素。
- hero 置中或左對齊的大型百分比數字。
09
文案語氣與禁用清單
- 語氣 客觀、精準且保持距離。
- 標題風格 大寫、數字或簡短文字片段。
- 按鈕文案 細膩、極簡的文字或邊框按鈕。
- 不要使用多種色彩——截圖顯示嚴格的黑、白、灰調色盤。
- 不要使用襯線字體——截圖顯示僅使用無襯線字體。
- 不要使用小寫文字——截圖顯示所有文字均為大寫。
- 不要使用厚重的陰影——截圖顯示平坦、無邊框或僅帶細邊框的表面。
- 不要用內容填滿螢幕——截圖顯示大量空白留白。
- 不要使用裝飾性圖示——截圖顯示純排版與簡單幾何形狀。
- 避免: 過度裝飾
- 避免: 鮮豔色彩
- 避免: 隨意語言
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
一個極度簡潔、編輯風格的網站設計，依賴極致的留白與精準的排版。調色盤嚴格採用單色調，以白色背景（#FAFAFA）與純黑文字（#000000）為主。字型為簡潔的幾何無襯線體，專用於大寫字母並搭配緊湊字距，營造出精緻、樣本般的感覺。佈局簡潔，常置中顯示小型百分比數字或左對齊極簡文字區塊。關鍵設計規則：絕不使用多種顏色或強調色；絕不使用襯線字體；絕不使用小寫文字；絕不用不必要的元素使介面雜亂；永遠優先考慮留白；維持嚴格的單色調層級。整體感覺沉穩、精緻且高度自律，類似高端藝廊目錄或瑞士設計樣本。
en · zh-CN · zh-TW · ja · ko