OpenDesign·你的设计资产库

网页参考

Pierrerousseau Info

一个采用极端排版对比与网格化图像布局的单色作品集网站。

EditorialPortfolioTypographyPhotographic

封面待补录，可通过原站查看设计。

01

设计气质 DNA

极简主义野蛮主义实验性艺术性

野蛮主义艺术画廊目录

02

色彩

#000000Ink
#ffffffBG
#ddddddBG quiet
#9d968eMuted
rgba(0,0,0,1.0)Line

严格单色，搭配极端的排版尺度。

03

字体

didone-serif · monospaced

  • display124px · 400
  • body13px · 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

动效与交互

220msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

悬停或状态变化时，进行微妙的透明度过渡。

透明度变化 · 导航

08

组件

  • button 无可见按钮
  • card 无可见卡片
  • chip 无可见标签
  • input 无可见输入框
  • hero 以巨大排版声明呈现，文字与图像相互叠加。

09

文案语气与禁用清单

  • 语气 正式且富有艺术感
  • 标题风格 超大号、全大写、行距紧密的衬线字体。
  • 按钮文案 无可见行动号召
  • 避免使用圆角——截图显示为尖锐的矩形元素。
  • 避免使用鲜艳的强调色——截图严格为单色调。
  • 避免使用小巧、友好的字体——截图采用巨大、具有冲击力的展示字体。
  • 避免使用传统导航栏——截图依赖排版布局。
  • 避免使用投影——截图采用平面、鲜明的构图。
  • 避免标题使用混合大小写——截图完全为大写。
  • 避免: 俏皮语言
  • 避免: 圆角形状
  • 避免: 鲜艳色彩

10

包内真实截图

Pierrerousseau Info — 桌面首屏（hero）
桌面首屏（hero）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Pierrerousseau Info — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个具有野蛮主义美学的极简主义作品集网站。配色方案严格单色（#000000 搭配 #ffffff 与 #dddddd）。排版是核心设计元素，采用巨大的Didone衬线展示字体（约124px），行距极紧，与小型等宽正文字体（LL Mono Book Web）形成对比。关键禁忌：避免圆角、鲜艳强调色和俏皮语调。布局基于网格但不受容器限制，营造原始、开放的观感。交互极简，依赖简单的透明度过渡。将网站定位为实验性、艺术性的作品集或编辑项目。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。