精選 · 開放 · 免費
Thegreenspace
極簡主義設計機構作品集，採用大膽字型與攝影主視覺區塊
StudioAgencyCleanTypographyPhotographic
01
設計氣質 DNA
設計機構建築粗野主義極簡主義
具備大規模字型與充裕留白的畫廊空間
02
色彩
#000000Ink
#FFFFFFBG
#BEBEBEMuted
rgba(0,0,0,0)Line
高對比單色調色板，以灰色輔助建立層級
03
字型
grotesque-sans
- display
72px · 400 - body
24px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬鬆的垂直間距，搭配緊湊的展示文字行高
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
無可見邊框
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
大型文字區塊，極簡的裝飾元素
07
動效與互動
400msmicro
400mssmall
1200msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
透明度過渡 · 錯落顯示
互動元素上的透明度變化 · 37個元素上顯示為指標游標
08
組件
- button 極簡文字按鈕，游標顯示為指標
- card 無可見元件，改用專案列表呈現
- chip 無可見元件
- input 無可見元件
- hero 全版攝影背景，覆蓋大型字型文字
09
文案語氣與禁用清單
- 語氣 自信而內斂
- 標題風格 大型、粗體、首字母小寫或句首大寫
- 按鈕文案 極簡、僅限文字
- 勿使用多種字體——截圖顯示全站採用一致的grotesque-sans字型
- 勿添加陰影效果——截圖顯示完全扁平化設計
- 勿使用圓角——截圖顯示所有元件皆為0px直角
- 勿添加裝飾性邊框——截圖顯示無可見邊框
- 勿使用鮮豔的強調色——截圖僅顯示黑、白、灰色調
- 勿使版面雜亂——截圖顯示充裕的留白與極簡元件
- 避免: 裝飾性元素
- 避免: 雜亂的版面
- 避免: 彩色強調色
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是The Greenspace的極簡主義設計機構作品集網站。設計採用高對比單色調色板，白色背景（#FFFFFF）、墨黑（#000000）與灰色柔和文字（#BEBEBE）。字型使用grotesque-sans字體（haas_grotesk），搭配大型展示字型（72px）與緊湊行高以營造戲劇效果。版面寬敞，具備充裕留白與極簡裝飾。關鍵禁忌：勿使用多種字體族、勿添加陰影或圓角、勿引入彩色強調、勿以裝飾元素雜亂版面、勿使用邊框、勿破壞極簡美學。網站運用透明度過渡與錯落顯示實現細微的動態效果。
en · zh-CN · zh-TW · ja · ko