精选 · 开放 · 免费
Oudolf
景观设计师 Piet Oudolf 的极简作品集网站，采用以花园图像填充的字体化链接。
EditorialCleanPhotographicPortfolioRefined
01
设计气质 DNA
景观花园编辑摄影极简
一份精心策划的景观建筑作品集。
02
色彩
#808080Ink
#FFFFFFBG
rgba(128,128,128,0.6)Line
单色灰阶搭配图片填充
03
字体
geometric-sans · humanist-sans
- display
60px · 300 - body
15px · 400 - caption
12px · 400
04
间距
4px
8px
16px
24px
32px
48px
60px
4px 基础单位，宽裕的垂直节奏
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无或交互元素仅有细微的底边框
06
布局
1280container
12columns
60pxgutter
768 / 1024breakpoints
宽裕内边距的宽幅单栏布局
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
滚动时淡入 · 平滑的透明度过渡
图片背景在文字内变得可见 · 导航至项目页面
08
组件
- button 带底边框的极简文字链接
- card 带背景图的字体化列表项
- input 隐藏的搜索字段
- hero 带图片填充的项目字体化列表
09
文案语气与禁用清单
- 语气 沉静、精致、专业
- 标题风格 极简、小写导航
- 按钮文案 克制、基于文字
- 勿使用亮色强调色——截图显示为单色灰调色板
- 勿使用粗重边框或阴影——截图显示为扁平、无边框的界面
- 勿使用装饰性图标——截图仅显示简单箭头与搜索图标
- 勿使用复杂布局——截图显示为宽裕的单栏布局
- 勿使用粗体字体——截图显示为全程使用细体字
- 勿使用渐变背景——截图显示为纯白背景
- 避免: 鲜艳色彩
- 避免: 装饰性元素
- 避免: 复杂动画
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是景观设计师 Piet Oudolf 的极简作品集网站。设计采用单色灰调色板（#808080, #FFFFFF）与宽裕的留白。字体方面，主项目列表使用细体几何无衬线字体，正文使用人文主义无衬线字体。布局为宽裕的单栏设计，栏距为 60px。关键禁忌：勿使用亮色强调色，勿使用粗重边框或阴影，勿使用复杂动画。该网站因其精湛地将字体作为视觉元素——文字中填充了摄影花园图像——而值得收录。
en · zh-CN · zh-TW · ja · ko