精選 · 開放 · 免費

Farcaster

建構。分享。成長。

01

設計氣質 DNA

為建造者打造的去中心化社群協議。

02

色彩

深靛藍背景搭配白色文字，實現高對比度。

03

字型

humanist-sans

• display28px · 600

04

間距

標準 4px 基礎網格。

05

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

無，依賴背景對比度。

06

版面

標準網頁佈局，行動裝置優先。

07

動效與互動

流暢的懸停過渡效果。

縮放或顏色變化。 · 輕微縮小。

08

組件

• button 圓角膠囊形狀，包含主要與次要樣式。
• card 手機應用程式預覽採用深色玻璃效果。
• chip 無可見元素。
• input 無可見元素。
• hero 分割式版面，包含手機模型與號召性用語。

09

文案語氣與禁用清單

• 語氣 直接、自信、技術性。
• 標題風格 簡短有力的句子。
• 按鈕文案 清晰且具可操作性。

• 不要使用細字重——截圖顯示為粗體/中等字重。
• 不要在主要按鈕上使用銳角——截圖顯示為膠囊形狀。
• 不要使用淺色背景——截圖顯示為深靛藍色。
• 不要使用複雜漸層——截圖顯示為純色或非常 subtle 的漸層。
• 不要使用裝飾性字體——截圖顯示為簡潔的無襯線字體。
• 不要雜亂版面——截圖顯示清晰、專注的首頁區塊。
• 避免: 模糊的承諾。
• 避免: 過度的行銷用語。
• 避免: 非技術性術語。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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