精選 · 開放 · 免費

Gumroad

一個讓創作者能直接向受眾銷售的平台。

01

設計氣質 DNA

一個為獨立創作者打造的友善數位市集。

02

色彩

高對比度，以溫潤的中性色為基底，搭配俏皮的強調色。

03

字型

geometric-sans

• display48px · 500

04

間距

中央元素周圍留有充足的空白。

05

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

輸入欄位與部分卡片使用細薄的 1px 實線邊框。

06

版面

居中的首頁區塊，帶有浮動的 3D 元素。

07

動效與互動

按鈕與連結上細微的 hover 轉場。

背景顏色變化或透明度改變。 · 細微的縮放或顏色變化。

08

組件

• button 實心黑色，搭配白色文字，圓角設計。
• card 圓角，白色背景，細薄邊框。
• input 圓角，細薄邊框，白色背景。
• hero 居中文字，搭配大型展示字體與行動呼籲。

09

文案語氣與禁用清單

• 語氣 鼓勵、直接且友善。
• 標題風格 粗體且清晰，使用「從 0 到 1」的主題。
• 按鈕文案 使用「開始銷售」等行動導向的動詞。

• 不要使用純白色背景——截圖顯示的是溫暖的米白色 (#F4F4F0)。
• 不要使用藍色作為強調色——截圖顯示的是粉色/洋紅色裝飾元素。
• 不要使用裝飾性的襯線字體——截圖顯示的是幾何無襯線字體。
• 不要使用厚重的投影——截圖顯示的是扁平化設計與細薄邊框。
• 不要使用複雜的漸層——截圖顯示的是純色與乾淨的轉場。
• 不要使用過於密集的佈局——截圖顯示的是充足的空白與居中內容。
• 避免: 術語
• 避免: 複雜性
• 避免: 正式感

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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