精選 · 開放 · 免費
Snøhetta
一個以精緻極簡主義展現頂尖建築與設計項目的全球跨領域實踐。
architecturestudio
01
設計氣質 DNA
建築設計全球跨領域工作室
一座菁英建築作品集展廊
02
色彩
#000000Ink
#FFFFFFBG
#F2F2F2BG quiet
#757575Muted
rgba(223, 223, 223, 1)Line
極致極簡主義，採用嚴格的黑白調色盤，以攝影作為點綴
03
字型
humanist-sans
- display
60px · 300 - h1
48px · 300 - body
18px · 300 - small
16px · 300
字體權重主要為 300（細體），以營造精緻優雅的美學 · 行長嚴格控制，以確保大型顯示文字的可讀性 · 排版層級主要依賴尺寸差異，而非字重變化
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
段落之間充足的垂直間距，創造出奢華感與呼吸空間
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 16px
pill · 9999px
使用 1px 細邊框作為列表分隔線，僅偶爾使用
06
版面
1280container
12columns
40pxgutter
768 / 1024breakpoints
不對稱雙欄佈局，搭配充足留白與全寬圖片輪播
07
動效與互動
200msmicro
300mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
互動元素上平滑的色彩與透明度過渡 · 項目圖片的水平滾動輪播
文字連結上微妙的色彩變化，通常轉為柔和灰色 · 所有互動區域使用標準指標游標
08
組件
- button 無背景樣式的純文字按鈕，依賴懸停狀態
- card 簡潔的圖片卡片，下方搭配極簡排版文字
- hero 全寬、文字為主的主視覺區域，下方疊加水平圖片輪播
09
文案語氣與禁用清單
- 語氣 權威、精緻且克制
- 標題風格 關於實踐的陳述性與事實性聲明
- 按鈕文案 低調的文字連結，而非顯眼按鈕
- 避免使用粗體字重——截圖顯示僅使用細體（300）字重排版
- 避免為 UI 元素添加陰影——截圖顯示完全平面化的表面
- 避免使用鮮豔的強調色——截圖顯示僅限黑白灰
- 避免為卡片或按鈕使用圓角——截圖顯示多為銳利的矩形邊緣
- 避免在佈局中擁擠放置元素——截圖顯示段落之間有大量留白
- 避免使用彩色背景區塊——截圖顯示通篇使用統一的白色背景
- 避免: 過度使用標點符號
- 避免: 驚嘆號
- 避免: 非正式用語
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是 Snøhetta 的網站，一個全球跨領域建築與設計實踐。其設計 DNA 定義為極致極簡主義，採用嚴格的單色調色盤，以純黑（#000000）作為純白（#FFFFFF）背景上的文字色彩，次要與柔和文字使用 #757575 與 #949494。排版專門使用細體（300）的無襯線人文主義字體（Dovre），並以大型顯示尺寸呈現，營造精緻、優雅的美學。佈局包含充足留白、1px 細分割線與不對稱雙欄結構，搭配全寬圖片輪播。關鍵設計規則：絕不使用粗體字重，絕不添加陰影或鮮豔強調色，絕不過度填充佈局，始終保持充足間距，並依賴尺寸層級而非字重進行視覺區分。整體感覺是一座頂級、高端的設計作品集，讓作品自己說話。
en · zh-CN · zh-TW · ja · ko