精選 · 開放 · 免費
Capacities
存放你所有思考、學習與創造事物的家。
productivitynotes
01
設計氣質 DNA
知識管理物件導向關聯式筆記心靈的工作室
一個極簡的設計工作室，將想法視為有形的物件。
02
色彩
#F59E0BAccent
#1C1917Ink
#57534EInk soft
#FBFBFABG
#FFF9EBBG soft
#F5F4F2BG quiet
#A8A29EMuted
rgba(0,0,0,0.06)Line
以近黑色為基底的溫暖大地色中性色調，搭配單一溫暖的金色作為點綴。
03
字型
geometric-sans · humanist-sans · monospace
- display
64px · 700 - h2
40px · 700 - h3
24px · 600 - body
16px · 400 - small
14px · 400
展示標題使用緊湊的負 tracking · 內文維持舒適的 1.6 行高以利閱讀 · 等寬字體僅保留用於程式碼區塊與技術片段
04
間距
4px
8px
12px
16px
20px
24px
32px
48px
64px
96px
128px
一致的 4px 網格，搭配充裕的章節 padding（128px），創造呼吸空間。
05
表面 (圓角 / 陰影 / 邊線)
sm · 6px
md · 8px
lg · 12px
pill · 999px
非常細微的 1px 實線邊框，採用溫暖的淺灰色。
0 1px 2px rgba(0,0,0,0.04) · 0 4px 12px rgba(0,0,0,0.08) · 0 20px 40px -4px rgba(0,0,0,0.12)
06
版面
1200container
12columns
24pxgutter
768 / 1024breakpoints
單欄居中的主視覺區域，過渡至多欄的功能區塊網格。
07
動效與互動
150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
互動元素的細微 hover 轉場 · 視窗或覆蓋層出現時的透明度淡入效果
細微的背景色變化或透明度轉移。 · 透過顏色加深或輕微縮放來提供即時的視覺回饋。
08
組件
- button 高對比的黑色主要按鈕搭配白色文字；透明的次要按鈕搭配黑色文字與圖示。
- card 白色、略帶圓角的矩形卡片，配有非常柔和的陰影，用於浮動的 UI 預覽。
- chip 圓角膠囊式標籤，採用柔和的淺色背景（桃色、藍色、綠色、紫色）與低飽和度的文字。
- input 簡潔的單行輸入框，帶有圓角與細微的邊框。
- hero 大型居中的字體排版，搭配浮動的說明性 UI 卡片與溫暖的徑向漸層覆蓋。
09
文案語氣與禁用清單
- 語氣 冷靜、知性且自信。
- 標題風格 直接、以效益為導向且易於瀏覽的陳述。
- 按鈕文案 以行動為導向且清晰，使用如「免費開始」或「探索產品」等簡潔動詞。
- 勿使用純粹的冷白色 — 螢幕截圖顯示的是溫暖的米白色背景（#FBFBFA）。
- 勿使用尖銳的直角 — 螢幕截圖中的卡片和按鈕具有明顯的圓角（8px-12px）。
- 勿使用明亮、霓虹感的點綴色 — 螢幕截圖使用溫暖、柔和的金色（#F59E0B）作為主要強調色。
- 勿使用擁擠、密集的版面 — 螢幕截圖顯示了充裕的留白和 padding（128px）。
- 勿在標題中使用裝飾性襯線體 — 螢幕截圖使用乾淨、幾何風格的無襯線展示字體。
- 勿使用厚重的投影效果 — 螢幕截圖使用非常柔和、擴散的陰影來創造深度。
- 避免: 過度專業的術語
- 避免: 強勢的銷售用語
- 避免: 過多的標點符號
- 避免: 模糊或充斥流行詞的描述
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Capacities 是一個簡潔、精緻的生產力工具，被設計為「心靈的工作室」。它採用溫暖的米白色背景（#FBFBFA），搭配近黑色的墨色（#1C1917）和單一的金色點綴（#F59E0B）作為強調。字型排版使用幾何無襯線體作為展示字體，並搭配人文無襯線體作為內文字體，營造出冷靜且知性的氛圍。版面寬敞，使用 1280px 容器、128px 的章節 padding，並大量運用留白。卡片質地柔和並帶有細微的陰影。關鍵禁忌：絕不使用冰冷、臨床感的白色；絕不在卡片上使用尖銳的直角；絕不使用強勢或霓虹色調；避免擁擠密集的版面；絕不在標題中使用裝飾性襯線體；也絕不使用厚重、生硬的投影效果。
en · zh-CN · zh-TW · ja · ko