精選 · 開放 · 免費

Sprout Place

一個溫暖、趣味的平台，用於與朋友建立虛擬聚會空間。

01

設計氣質 DNA

一個為朋友設計的趣味、引人入勝的數位聚會空間。

02

色彩

溫暖、高對比的大地色調，主導色為芥末黃與深酒紅。

03

字型

didone-serif · humanist-sans

• display104px · 400
• headline24px · 400
• body16px · 400

展示標題使用高對比的 Didone 襯線字體，字距緊湊。 · 內文使用清晰的 Humanist Sans 字體。 · 導覽與次要文字採用較小的 Sans 字重。

04

間距

以 8px 為基礎格線，各區塊間具備充裕的垂直間距（96px）。

05

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

1px solid rgba(62,8,8,1.0)

rgba(0, 0, 0, 0.2) 0px 4px 10px 0px

06

版面

全寬區塊搭配居中內容容器，並具備充裕的垂直內距。

07

動效與互動

捲動時的透明度過渡（0.75 秒線性）。 · 互動元素的流暢懸停狀態（0.25 秒線性）。

游標在互動元素上變為指標。 · 細微的透明度或顏色變化。

08

組件

• button 深酒紅色藥丸形按鈕，白色文字，具備懸停轉換效果。
• card 圓角容器（15px 圓角），用於介面模型與用戶頭像。
• chip 小型藥丸形標籤，用於用戶名稱（例如：「May-Li」、「Julius」）。
• input 淺色背景，搭配細微邊框與圓角。
• hero 大型居中文字，置於純色背景上，搭配浮動頭像元素。

09

文案語氣與禁用清單

• 語氣 引人入勝、隨性且充滿趣味。
• 標題風格 大膽、簡短且具感染力（「你的空間，你做主」）。
• 按鈕文案 直接且聚焦於效益（「免費取得 Sprout」）。

• 勿使用冰冷、臨床感的色盤——截圖顯示溫暖、主導的芥末黃（#F3D468）與深酒紅（#3E0808）。
• 勿在標題使用純幾何的 Sans 字體——截圖顯示展示文字採用高對比 Didone 襯線字體。
• 勿使用狹窄、緊湊的間距——截圖顯示充裕的內距（96px）與區塊間清晰的視覺分隔。
• 勿在主要容器上使用銳利、0px 圓角——截圖顯示一致使用圓角（15px 以上）。
• 勿使用平坦、灰階的介面——截圖顯示充滿活力、高對比的溫暖色盤，並帶有色彩點綴。
• 勿使用密集、段落冗長的佈局——截圖顯示簡短、有力的標題與極簡內文。
• 避免: 正式的企業語言
• 避免: 過度技術性的術語
• 避免: 密集的文字區塊

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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