精选 · 开放 · 免费

Pierrerousseau Info

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

EditorialPortfolioTypographyPhotographic

Pierrerousseau Info 网站截图

↓ 下载设计系统包 (3 MB)在 OpenDesign 中打开

原站: https://pierrerousseau.info

📦 浏览包内文件 →

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 — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko