精選 · 開放 · 免費
Studiolathe
一個嚴謹、基於網格的作品集目錄，具有手術刀般的精確克制。
AgencyStudioCleanTypographyCuration
01
設計氣質 DNA
簡約理性嚴謹建築感
如同整潔的工作室帳冊，分類清晰的清單
02
色彩
#000000Ink
#F6F4F2BG
#999999Muted
rgba(218, 218, 218, 1)Line
以溫暖中性色為基底的高對比單色調
03
字型
geometric-sans · system-sans
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
列表項目間保持一致的垂直間距
05
表面 (圓角 / 陰影 / 邊線)
sm · 5px
md · 5px
lg · 5px
pill · 999px
1px solid
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
左對齊文字列表，搭配右側標籤與三欄式頁尾
07
動效與互動
100msmicro
350mssmall
500msmedium
cubic-bezier(0.77, 0, 0.18, 1)easing
游標在可點擊的列表項目與標籤上變為指針 · 標準瀏覽器互動
08
組件
- button 極簡的描邊標籤，使用大寫文字
- card 純文字列表項目，無背景或邊框
- chip 小巧、圓角、描邊的大寫標籤
- hero 簡潔的左對齊導覽文字
09
文案語氣與禁用清單
- 語氣 專業、內斂、直接
- 標題風格 直接且不加修飾
- 按鈕文案 極簡標籤搭配大寫文字
- 避免使用裝飾性元素——截圖顯示純文字與描邊標籤。
- 避免使用鮮豔的強調色——截圖僅顯示黑色、白色與中性灰色。
- 避免使用厚重陰影——截圖顯示無立體感的平面表面。
- 避免使用粗體或厚重字重——截圖顯示一致的輕盈字體排印。
- 避免使用複雜的卡片佈局——截圖顯示簡潔的平面列表結構。
- 避免使用大型主視覺圖片——截圖顯示純文字介面。
- 避免: 裝飾性元素
- 避免: 促銷語言
- 避免: 視覺雜亂
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Studio Lathe 是一個極簡主義的設計與開發公司作品集，以策展式目錄形式呈現。設計以極致克制為定義，採用溫暖中性背景 (#F6F4F2) 與純黑文字 (#000000)。字體排印採用輕量級系統無襯線字體，營造精緻、輕盈的美學。佈局嚴格基於網格，包含簡潔的專案列表與描邊大寫標籤。關鍵設計規則：保持極致簡約，避免任何視覺裝飾，維持字體輕盈，並保留目錄佈局的嚴謹理性結構。
en · zh-CN · zh-TW · ja · ko