精選 · 開放 · 免費
Warpcast
一個去中心化社交網路，擁有平靜、優先深色模式的介面，專注於所有權與建構。
cryptosocial
01
設計氣質 DNA
去中心化社交身份建構社群
通往去中心化社交宇宙的深色、寧靜入口
02
色彩
#7959FFAccent
#FFFFFFInk
rgba(255,255,255,0.8)Ink soft
#121212BG
rgba(255,255,255,0.5)Muted
rgba(255,255,255,0.1)Line
採用深色背景搭配高對比度白色文字，並以鮮明的紫色作為主要操作的強調色
03
字型
humanist-sans
- display
42px · 400 - body
16px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
基於一致的 4px 格線間距系統
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 300px
1px solid rgba(255,255,255,0.1)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
分割式主視覺，左側為手機模型，右側為內容
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
所有互動元素均設有過渡動畫
主要按鈕在懸停時有細微的顏色變化 · 即時回應
08
組件
- button 藥丸形狀，主要按鈕採用高填充度，次要按鈕則較為微妙
- hero 分割式佈局，包含應用程式模型與醒目標題
09
文案語氣與禁用清單
- 語氣 直接、賦權且平靜
- 標題風格 簡短有力、以句號分隔的短語
- 按鈕文案 清晰且以行動為導向
- 勿使用淺色背景 — 螢幕截圖顯示為深色模式介面
- 勿在主要按鈕上使用銳角 — 螢幕截圖顯示為藥丸形狀按鈕
- 勿使用低對比度文字 — 螢幕截圖顯示為深色背景上的高對比度白色文字
- 勿在使用者介面元素上使用複雜漸層 — 螢幕截圖顯示為扁平或極為細微的漸層
- 勿使用雜亂的佈局 — 螢幕截圖顯示為簡潔、寬敞的分割式主視覺設計
- 勿使用紅色或橙色作為主要強調色 — 螢幕截圖顯示紫色為唯一的主導強調色
- 避免: 驚嘆號
- 避免: 激進的語言
- 避免: 專業術語
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Farcaster (Warpcast) 是一個去中心化社交網路，定位為平靜、優先採用深色模式的建構與社群平台。關鍵色彩包括深炭灰色背景 (#121212)、白色主要文字 (#FFFFFF)，以及用於註冊等主要操作的鮮明紫色強調色 (#7959FF)。字型採用簡潔的人文主義無襯線字型 (Inter/SeasonMix)，營造現代且易讀的感覺。關鍵的禁用事項包括：絕不使用淺色或白色背景，因為其核心介面為深色；避免在主要按鈕上使用銳角，因其明顯為藥丸形狀；以及絕不使用低對比度文字，這將違反高無障礙性的深色主題。佈局寬敞且專注，常使用搭配應用程式模型的分割式主視覺。語氣直接且賦權。
en · zh-CN · zh-TW · ja · ko