精選 · 開放 · 免費
19 86 Fr
一個極簡主義建築工作室作品集，運用極端的字體比例與嚴謹的表格結構。
StudioEditorialRefinedPhotographicCuration
01
設計氣質 DNA
建築作品集工作室精準精煉大膽字體排印
一台精密的儀器，以建築般的清晰度呈現結構化的項目。
02
色彩
#000000Ink
#ffffffBG
rgba(0,0,0,1)Line
在純白背景上使用黑色文字與邊框的絕對單色調。
03
字型
humanist-sans
- display
490px · 400 - body
24px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
一致的 24px 水平內距與行間 1px 垂直節奏。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 50px
1px solid #000000 水平線分隔列表項目
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全寬表格列表，疊加大型字體浮水印
07
動效與互動
250msmicro
300mssmall
800msmedium
lineareasing
透明度淡出 · 最大高度擴展
指標游標於列上顯示可點擊性 · 列擴展或導航至項目詳情
08
組件
- button 純文字，帶有圓點狀態指示器
- card 由 1px 邊框分隔的表格行
- input 用於篩選類別的下拉選單
- hero 巨大的字體數字與列表結構重疊
09
文案語氣與禁用清單
- 語氣 權威的、建築的、高度結構化的
- 標題風格 用作圖形元素的巨型重疊字體數字
- 按鈕文案 視覺噪音極少的互動列
- 不要使用陰影效果——截圖顯示的是完全平坦的 2D 表面
- 不要使用強調色——截圖顯示的是嚴格的單色黑白調色盤
- 不要使用粗體字重——截圖顯示所有文字使用統一的常规字重
- 不要使用裝飾性元素——截圖完全依賴字體排印與細 1px 線條
- 不要使用圓角容器——截圖使用銳利邊緣與筆直的水平線
- 不要讓介面雜亂——截圖保持寬敞的留白與嚴格的網格
- 避免: 趣味元素
- 避免: 明亮的強調色
- 避免: 陰影效果
- 避免: 裝飾性圖示
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個精煉的建築工作室作品集，其特點是極端的字體比例與嚴謹的單色結構。設計基於純白背景，使用實心黑色字體與 1px 黑色水平分隔線。關鍵顏色是 #ffffff（背景）與 #000000（墨水/文字/邊框）。字體使用 humanist-sans 類別（Store_Norske），常规字重 400，特點是高達 490px 的巨大展示數字，用作表格列表上的浮水印。關鍵限制：絕不引入強調色或漸層，避免圓角或陰影效果，並保持嚴格的表格網格。佈局完全響應式，但保留核心的表格 DNA，使用 24px 水平內距。組件極簡，專注於乾淨的行與自訂下拉選單。
en · zh-CN · zh-TW · ja · ko