精選 · 開放 · 免費

Pierrerousseau Info

一個強調單色調、使用極端字體對比與網格影像佈局的 portfolio 網站。

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

在 hover 或狀態變化時，有細微的透明度過渡效果。

透明度變化 · 導航

08

組件

button 無可見按鈕
card 無可見卡片
chip 無可見標籤
input 無可見輸入框
hero 一個巨大的字體宣言，文字與影像重疊。

09

文案語氣與禁用清單

語氣正式且具藝術感
標題風格 巨大、大寫、行距緊湊的襯線體文字。
按鈕文案 無可見的 CTA 風格

不要使用圓角——截圖顯示的是銳利的矩形元素。
不要使用明亮的強調色——截圖嚴格採用單色調。
不要使用小型、友善的字體——截圖使用巨大、具侵略性的展示字體。
不要使用傳統的導覽列——截圖依賴字體排版佈局。
不要使用陰影——截圖採用平面、強烈的構圖。
不要在標題中使用混合大小寫——截圖全部為大寫。
避免: 俏皮的語言
避免: 圓角造型
避免: 明亮色彩

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

這是一個具有粗野主義美學的強調單色調、極簡的 portfolio 網站。調色盤嚴格採用單色調（#000000 在 #ffffff 和 #dddddd 上）。字體排版是主要的設計元素，採用巨大的 didone-serif 展示字體（約 124px）搭配極緊的行距，與小型等寬內文字體（LL Mono Book Web）形成對比。關鍵禁忌：避免圓角、明亮的強調色和俏皮的語氣。佈局為網格基礎但不受容器限制，營造出原始、開放的感覺。互動極簡，依賴簡單的透明度過渡。將網站定位為一個實驗性的、藝術性的 portfolio 或編輯專案。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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