精選 · 開放 · 免費

Vol

一個精緻的編輯平台，專注於設計書籍與策展產品，採用乾淨的單色美學。

01

設計氣質 DNA

宛如畫廊般呈現的高級獨立出版社。

02

色彩

高對比單色基調，依靠留白與字體排印建立層次。

03

字型

transitional-serif · humanist-sans

• display80px · 300
• heading50px · 300
• body20px · 300

所有主要字體均使用極輕字重（300）。 · 大寫的導覽與標籤採用寬鬆的字距。 · 大型展示字體使用緊密的負字距。

04

間距

在主要內容區塊之間保留充裕的垂直留白，以強調平靜、編輯式的節奏。

05

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

在淺色背景上使用 1px 的細實線深墨色邊框。

06

版面

全寬的攝影主視覺後，接續一個居中、寬敞的網格，用於產品或編輯內容。

07

動效與互動

為填充與邊框等標準 UI 元素提供細膩的 0.2 秒 ease-in-out 過渡。 · 為圖示變形提供交錯的 0.2 秒延遲。

在 0.2 秒內提供細膩的顏色或邊框過渡。 · 標準的指標游標，無強烈的觸覺回饋。

08

組件

• button 藥丸形狀，具備寬鬆的內距與 1px 邊框，或實心黑色配白色文字。
• card 以大型影像為主導的乾淨佈局，文字覆蓋極簡。
• chip 藥丸形狀態標籤，搭配大寫文字。
• input 乾淨的矩形欄位，標籤清晰。
• hero 全幅出血的攝影背景，覆蓋輕盈、大型的襯線或無襯線文字。

09

文案語氣與禁用清單

• 語氣 精煉、內斂且高度專業。
• 標題風格 大型、輕盈且具主導性。
• 按鈕文案 內斂的大寫字距，或實心、乾淨的藥丸形狀。

• 勿使用飽和的霓虹色彩 —— 螢幕截圖顯示為嚴謹的單色高對比色板。
• 勿使用厚重、粗體的字重 —— 螢幕截圖顯示一致使用輕盈字重（300）。
• 勿使用狹小、擁擠的間距 —— 螢幕截圖顯示區塊間有充裕的垂直留白。
• 勿使用複雜的漸層 —— 螢幕截圖顯示純白背景與平面攝影元素。
• 勿使用強烈的陰影效果 —— 螢幕截圖顯示完全平面的表面，無任何深度效果。
• 勿使用俏皮、圓潤的展示字體 —— 螢幕截圖顯示精緻、輕盈的無襯線與過渡式字體。
• 避免: 響亮的霓虹強調色
• 避免: 俏皮或圓潤的 grotesque 字體
• 避免: 密集、雜亂的資訊佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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