精選 · 開放 · 免費
Hugging Face
一個友善、高實用性的平台,讓 AI 社群能協作開發模型、資料集與應用程式。
aicommunityplayful
01
設計氣質 DNA
協作技術友善開源AI
機器學習工程師與研究員的繁華數位城鎮廣場。
02
色彩
#000000Ink
#3D4654Ink soft
#FFFFFFBG
#F3F4F6BG soft
#F8F9FABG quiet
#6B7280Muted
rgba(229, 231, 235, 1)Line
乾淨的白色背景搭配細微灰色邊框,以深海軍藍漸層在首圖區域作為視覺錨點。
03
字型
humanist-sans · monospace
- display
56px · 700 - h1
32px · 700 - h2
20px · 600 - body
16px · 400 - caption
12px · 400
04
間距
4px
8px
12px
16px
24px
32px
48px
64px
96px
一致的 8px 網格,搭配緊湊的 4px 微間距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid #E5E7EB
rgba(0, 0, 0, 0.1) 0px 1px 2px 0px · rgba(0, 0, 0, 0.1) 0px 1px 3px 0px · rgba(0, 0, 0, 0.1) 0px 20px 25px -5px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
標準響應式 12 欄網格,在行動裝置上收合成單欄。
07
動效與互動
150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
hover 時細微的色彩過渡 · 互動元素的縮放與位移轉換
以 0.15s ease 變化背景亮度或邊框顏色。 · 細微的縮小轉換。
08
組件
- button 深海軍藍填色按鈕,搭配白色文字與膠囊圓角,或是透明帶有邊框的版本。
- card 白色卡片,帶有淺灰色邊框與 12px 圓角,用於功能特色與組織列表。
- chip 小型、圓角的標籤,帶有淺灰色背景,用於任務與程式庫等分類。
- input 圓角搜尋欄位,帶有細微灰色邊框與內部 padding。
- hero 深海軍藍至黑色的漸層背景,搭配大型白色文字與顯眼的吉祥物。
09
文案語氣與禁用清單
- 語氣 友善、協作且技術精準。
- 標題風格 粗體、宣言式的陳述,強調社群與建構。
- 按鈕文案 直接且以行動為導向(例如:「探索」、「瀏覽」)。
- 避免使用強烈的霓虹色調——調色板依賴海軍藍、灰色與白色。
- 避免使用沉重的陰影——卡片僅使用細微的立體感。
- 避免在長段落中使用置中文字——對齊方式為左對齊。
- 避免在所有元素上使用完全圓角——混合使用 8px 與膠囊形狀。
- 避免使用複雜的插圖——介面依賴簡潔的圖標與單一吉祥物。
- 避免預設使用深色模式——主要體驗為淺色,搭配深色首圖。
- 避免: 過於企業化的行話
- 避免: 強勢的銷售用語
- 避免: 在主要介面中使用複雜的學術術語
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Hugging Face 是一個友善、開源的 AI 社群平台,擁有乾淨、以開發者為中心的介面。它使用高對比調色板,包含白色背景 (#FFFFFF)、淺灰色 (#F3F4F6) 與深海軍藍首圖漸層 (#1A202C),以及黑色 (#000000) 文字以確保最大可讀性。字型依賴 humanist-sans 作為內文,並使用粗體展示字重作為標題。關鍵設計元素包括俏皮的擁抱吉祥物、圓角搜尋列以及用於篩選任務的分類「標籤」。重要禁忌:避免使用強烈霓虹色、僅使用細微陰影,並保持文字左對齊以確保可讀性。佈局採用乾淨的 12 欄網格,搭配充足留白,強調社群信任與技術實用性。
en · zh-CN · zh-TW · ja · ko