精选 · 开放 · 免费
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
文案语气与禁用清单
- 语气 自信且克制
- 标题风格 大号加粗，首字母小写或句首大写
- 按钮文案 极简纯文字
- 避免使用多种字体——截图显示整体采用统一的怪诞无衬线体
- 避免添加投影——截图显示完全扁平化设计
- 避免使用圆角——截图显示所有元素采用0像素尖角
- 避免添加装饰性边框——截图显示无可见边框
- 避免使用明亮的点缀色——截图仅呈现黑、白、灰三色
- 避免布局拥挤——截图显示充足留白与极简元素
- 避免: 装饰性元素
- 避免: 杂乱布局
- 避免: 彩色点缀
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为The Greenspace打造的极简设计机构作品集网站。设计采用高对比度单色调色板，背景为白色（#FFFFFF），主色为黑色（#000000），辅助灰色文本（#BEBEBE）。排版使用怪诞无衬线字体（haas_grotesk），展示字号达72px，配合紧凑行高营造视觉冲击力。布局宽敞，留白充足，界面元素极简。核心注意事项：不使用多种字体族，不添加投影或圆角，不引入彩色点缀，不堆砌装饰元素，不使用边框，不破坏极简美学。网站运用透明度过渡与错落出现动画实现微妙的动态效果。
en · zh-CN · zh-TW · ja · ko