← OpenDesign CURATED · OPEN · FREE
Pierrerousseau Info
A stark, monochrome portfolio site using extreme typographic contrast and a grid-based image layout.
Editorial Portfolio Typography Photographic
01
Identity DNA
Minimalist Brutalist Experimental Artistic
A brutalist art gallery catalog
02
Color
#000000Ink
#ffffffBG
#ddddddBG quiet
#9d968eMuted
rgba(0,0,0,1.0)Line
Strict monochrome with extreme typographic scale.
03
Typography
didone-serif · monospaced
display 124px · 400body 13px · 400All text is uppercase. · Headlines use a very large, tight leading.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Irregular spacing dictated by the massive typographic scale.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 0px
None visible, purely typographic and image-based.
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
A grid of text and images with no visible containers or cards.
07
Motion & Interaction
220ms micro
300ms small
800ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
Subtle opacity transitions on hover or state change.
Opacity change · Navigation
08
Components
button None visible card None visible chip None visible input None visible hero A massive typographic statement with overlapping text and images. 09
Voice & Don'ts
Tone Formal and artistic Headlines Massive, uppercase, tightly leaded serif text. CTAs None visible Don't use rounded corners — screenshot shows sharp, rectangular elements. Don't use bright accent colors — screenshot is strictly monochrome. Don't use small, friendly typography — screenshot features massive, aggressive display type. Don't use traditional navigation bars — screenshot relies on typographic layout. Don't use drop shadows — screenshot uses flat, stark composition. Don't use mixed case in headlines — screenshot is entirely uppercase. Avoid: Playful language Avoid: Rounded shapes Avoid: Bright colors 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
This is a stark, minimalist portfolio site with a brutalist aesthetic. The palette is strictly monochrome (#000000 on #ffffff and #dddddd). Typography is the primary design element, featuring a massive didone-serif display font (~124px) with extremely tight leading, contrasted with a small monospaced body font (LL Mono Book Web). Critical donts: avoid rounded corners, bright accent colors, and playful tones. The layout is grid-based but not confined by containers, creating a raw, open feel. Interactions are minimal, relying on simple opacity transitions. Position the site as an experimental, artistic portfolio or editorial project.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site is a perfect example of brutalist web design, using extreme typographic scale and a stark layout to create a powerful artistic statement.
