---
name: Victoiredouy
description: "This site serves as an excellent example of extreme typographic scale and restraint, demonstrating how massive display type can define an entire aesthetic without relying on color or imagery."
version: alpha

colors:
  background: "#000000"
  primary: "#FAFAFA"
  secondary: "#DCDCDC"
  neutral: "#767676"
  bg-soft: "#000000"
  bg-quiet: "#000000"
  line: "rgba(220, 220, 220, 1.0)"

typography:
  display:
    fontFamily: condensed-grotesque-sans
    fontSize: 177px
    lineHeight: 0.85
    fontWeight: 400
    letterSpacing: "-5.3px"
  heading:
    fontFamily: monospaced
    fontSize: 54px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: monospaced
    fontSize: 15px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.3px"

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

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

---

## Overview

A stark, typographic portfolio or editorial site featuring massive display headings against a deep black background.

*A high-contrast black-and-white editorial magazine with oversized, condensed display type.*

## Colors

Strict monochrome palette using near-black backgrounds and near-white text for maximum contrast and editorial impact.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FAFAFA`)** — uses `ink` token
- **Secondary text (`#DCDCDC`)** — uses `ink-soft` token
- **Muted (`#767676`)** — uses `muted` token
- **Borders (`rgba(220, 220, 220, 1.0)`)** — uses `line` token

## Typography

- **Display:** condensed-grotesque-sans
- **Body:** monospaced
- **Mono:** monospaced

- Use Space Mono for body text and navigation.
- Use a condensed grotesque sans for massive display headings.
- Apply tight negative tracking to large display text.
- Use uppercase transform for navigation and certain labels.

## Layout

Full-width columns designed to accommodate extremely large typography.

*Rhythm:* Loose and varied, with significant vertical padding separating major sections.

## Elevation & Depth

- 0px 1px 2px rgba(0,0,0,0.5)
- 0px 0px 0px 1px rgba(250,250,250,0.1)
- Borders: Thin 2px borders used primarily for interactive states and subtle separation.

## Shapes

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

## Components

- **button:** Minimal, text-based buttons with uppercase monospaced text and thin borders.
- **card:** None visible.
- **chip:** None visible.
- **input:** None visible.
- **hero:** A massive, screen-filling typographic hero section with oversized condensed text.

## Do's and Don'ts

**Don't:**
- Don't use rounded corners — screenshot shows sharp, zero-radius edges.
- Don't use vibrant accent colors — screenshot shows a strict monochrome palette.
- Don't use light or serif display fonts — screenshot shows heavy, condensed sans-serif display type.
- Don't use generous line-height for headings — screenshot shows tightly packed, almost touching display lines.
- Don't use wide letter-spacing for display text — screenshot shows tight, negative letter-spacing.
- Don't use drop shadows on text — screenshot shows flat, high-contrast typography.

---

## System Prompt (paste into AI agent)

```
This design is a minimalist, typography-driven editorial site characterized by stark black-and-white contrast and massive, condensed display headings. The primary palette relies strictly on deep black (#000000) for backgrounds and near-white (#FAFAFA) for text, with subtle grey (#DCDCDC, #767676) for secondary elements. Typography is the dominant feature, utilizing a condensed grotesque sans for oversized display type and a monospaced font (Space Mono) for body text and navigation. Layouts are clean and spacious to accommodate large text scales. Critical prohibitions include avoiding rounded corners, vibrant accent colors, drop shadows on text, and wide letter-spacing for display headings.
```