---
name: Pierrerousseau Info
description: "This site is a perfect example of brutalist web design, using extreme typographic scale and a stark layout to create a powerful artistic statement."
version: alpha

colors:
  background: "#ffffff"
  primary: "#000000"
  neutral: "#9d968e"
  bg-quiet: "#dddddd"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: didone-serif
    fontSize: 124px
    lineHeight: 0.8
    fontWeight: 400
    letterSpacing: "-2px"
  body:
    fontFamily: monospaced
    fontSize: 13px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "0.38px"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 0px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

A stark, monochrome portfolio site using extreme typographic contrast and a grid-based image layout.

*A brutalist art gallery catalog*

## Colors

Strict monochrome with extreme typographic scale.

- **Background (`#ffffff`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#9d968e`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1.0)`)** — uses `line` token

## Typography

- **Display:** didone-serif
- **Body:** monospaced
- **Mono:** monospaced

- All text is uppercase.
- Headlines use a very large, tight leading.

## Layout

A grid of text and images with no visible containers or cards.

*Rhythm:* Irregular spacing dictated by the massive typographic scale.

## Elevation & Depth

- Borders: None visible, purely typographic and image-based.

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 0px

## Components

- **button:** None visible
- **card:** None visible
- **chip:** None visible
- **input:** None visible
- **hero:** A massive typographic statement with overlapping text and images.

## Do's and Don'ts

**Don't:**
- 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.

---

## System Prompt (paste into AI agent)

```
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.
```