精選 · 開放 · 免費
Kengo Kuma
世界級建築事務所的克制攝影作品集。
architecturestudio
01
設計氣質 DNA
建築事務所隈研吾極簡幾何
以攝影為核心的極簡建築事務所作品集。
02
色彩
#2a2a2aInk
#717171Ink soft
#ffffffBG
#f5f5f5BG quiet
rgba(42,42,42,0.2)Line
中性、高度克制的調色盤，讓建築攝影成為主要焦點。
03
字型
geometric-sans · system-sans
- display
18px · 300 - body
13px · 300
所有文字使用輕字重（300）。 · 保持一致的負字距（-0.32px）以營造精緻感。 · 元數據與日期使用緊湊的行高。
04
間距
4px
8px
12px
16px
24px
32px
48px
64px
96px
按鈕與列表項目使用一致的 12px 內距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 4px
lg · 4px
pill · 999px
1px 實線邊框，常用作細微分隔線。
rgba(0, 0, 0, 0.5) 0px 0px 3px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
大型沉浸式主視覺圖像，後接簡潔的專案卡片網格。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
懸停時的平滑過渡（0.2秒 ease-in-out）。 · 內容區塊的細微淡入效果。
互動元素上的細微色彩或透明度變化。 · 所有連結與互動元素使用標準指標游標。
08
組件
- button 極簡的文字導覽連結，大寫搭配輕字重。
- card 以圖像為焦點的卡片，帶有細微邊框，下方顯示元數據。
- hero 全出血、高品質的建築攝影。
09
文案語氣與禁用清單
- 語氣 專業、克制且國際化。
- 標題風格 簡潔、大寫的幾何無襯線字體。
- 按鈕文案 極簡、基於文字且不突兀。
- 不要使用粗體字型 — 螢幕截圖顯示所有文字字重為 300。
- 不要使用鮮豔的色彩 — 螢幕截圖顯示中性單色調。
- 不要使用複雜的 UI 元件 — 螢幕截圖顯示以攝影為核心的極簡佈局。
- 不要使用裝飾性圖標或插圖 — 螢幕截圖僅顯示攝影與文字。
- 不要使用厚重陰影或漸層 — 螢幕截圖顯示平整、簡潔的表面。
- 不要過度使用圓角 — 螢幕截圖顯示銳利或極小的邊框半徑。
- 避免: 避免使用粗體字型。
- 避免: 避免使用飽和色或主色。
- 避免: 避免裝飾性 UI 元素或插圖。
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個以攝影為核心的極簡作品集網站，為隈研吾建築事務所設計。其設計 DNA 高度克制，採用白色（#ffffff）、炭灰色（#2a2a2a）與淺灰色（#717171）的中性調色盤，讓高品質的建築影像成為主要焦點。字型統一使用輕字重系統無襯線體，並搭配細微負字距（-0.32px）。關鍵禁忌：避免粗體字型、飽和色彩與裝飾性 UI 元素。佈局採用 12px 與 24px 溝距的簡潔網格。所有互動均流暢低調，過渡效果為 0.2 秒。
en · zh-CN · zh-TW · ja · ko