精選 · 開放 · 免費
Antinomy Studio
一個極簡、以排版為先的全球創意工作室作品集網站。
studiowebgl
01
設計氣質 DNA
創意工作室全球當代設計機構高級
一座為高端創意工作室打造的精緻數位美術館。
02
色彩
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.1)Line
絕對的單色基底，搭配高對比度文字與以攝影為主的色彩。
03
字型
geometric-sans
- display
54px · 400 - body
24px · 400 - caption
12px · 400
所有文字使用 ABC Diatype (幾何無襯線字體) · 導覽與小標籤使用大寫字母 · 展示級字號使用大量的負字距
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
各區段之間保留充裕的留白，讓攝影與排版得以呼吸。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
無可見邊框或圓角；純粹的平面、無邊際影像。
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
全寬主視覺區域搭配居中文字，隨後是雙欄式項目網格。
07
動效與互動
300msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
淡入 opacity · 流暢的 transform 過渡 · 影像揭示
細微的 opacity 變化或游標更新。 · 立即導覽至項目頁面。
08
組件
- button 極簡或不存在；互動主要基於連結。
- card 無邊際的項目影像，下方搭配居中的大寫文字。
- hero 白底上的大型居中排版，過渡為全寬的主視覺影像。
09
文案語氣與禁用清單
- 語氣 權威、專業且含蓄。
- 標題風格 大型、居中、句式大小寫的陳述。
- 按鈕文案 隱形或純文字連結。
- 不要使用圓角——網站使用銳利的、0px 圓角邊緣。
- 不要使用陰影——UI 完全平面，無任何深度效果。
- 不要使用複雜的背景色——網站幾乎完全依賴純白色。
- 不要使用裝飾性字體——系統僅使用單一幾何無襯線字族。
- 不要讓佈局顯得擁擠——設計優先保留大量的負空間。
- 不要使用多彩按鈕——沒有任何可見的高飽和度 UI 元素。
- 避免: 視覺雜亂
- 避免: 圓角 UI 元素
- 避免: 複雜漸層
- 避免: 鮮豔的調色盤
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個名為 Antinomy 的全球創意工作室的作品集網站。它採用高度精緻的極簡美學，以單一幾何無襯線字體 (ABC Diatype) 與嚴格的黑白調色盤 (#000000 墨色於 #FFFFFF 背景) 為核心。其佈局特點是大量的負空間、帶有重負字距的居中展示級排版，以及全出血的項目攝影。關鍵的禁忌：絕對不要使用圓角、絕對不要添加陰影，也絕對不要引入複雜的背景顏色。此網站是克制與排版主導設計的範本。
en · zh-CN · zh-TW · ja · ko