精選 · 開放 · 免費

Threads

一個專注於文字對話的極簡社交平台，擁有簡潔的單色調介面。

01

設計氣質 DNA

一個簡潔、回歸本質的社交資訊流，優先呈現文字對話，而非視覺雜訊。

02

色彩

單色調色盤，以細微灰色營造深度，黑色用於主要元素，白色用於卡片與彈出視窗。

03

字型

system-ui

• display32px · 700
• body15px · 400
• caption13px · 400

使用系統字型堆疊，確保各平台渲染一致性 · 維持緊湊的行高，用於緊湊的文字區塊 · 使用 600 字重於使用者名稱與強調

04

間距

以 4px 為基礎網格，並使用一致的 padding 倍數

05

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

1px solid rgba(0,0,0,0.15)

0px 0px 12px rgba(0,0,0,0.04)

06

版面

三欄式佈局，包含左側導覽、中央資訊流與右側邊欄

07

動效與互動

彈出視窗出現時的快速淡入淡出過渡 · 互動元素的平滑顏色過渡

細微的透明度或顏色變化 · 立即回應並帶有微過渡

08

組件

• button 膠囊形按鈕，採用黑色背景與白色文字，或帶有圓角邊框的幽靈按鈕
• card 白色卡片，帶有 18px 圓角與細微陰影，用於彈出視窗與登入提示
• chip 膠囊形徽章，用於使用者名稱與標籤
• input 極簡輸入框，帶有細微邊框
• hero 大型粗體文字，置中於彈出視窗覆蓋層，並配有描述性副標題

09

文案語氣與禁用清單

• 語氣 友善且具邀請性，對話式風格
• 標題風格 直接且具行動導向，使用粗體字重
• 按鈕文案 清晰的行動號召，具有強烈對比

• 勿使用明亮的強調色——截圖顯示僅使用黑色、白色與灰色的單色調色盤
• 勿使用裝飾性字型——截圖顯示全面使用 system-ui 字型堆疊
• 勿使用厚重的陰影——截圖顯示極其細微或無 box-shadow
• 勿使用複雜的漸層——截圖顯示平面、單色填充
• 勿在主要元素上使用銳利邊角——截圖顯示卡片使用 18px 圓角，按鈕使用 999px 圓角
• 勿使用過小的觸控目標——截圖顯示互動元素具有寬裕的 padding
• 避免: 企業術語
• 避免: 冗長段落
• 避免: 裝飾性語言

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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