---
name: Jeen Yuhs
description: "This site is worth including as a prime example of brutalist, experimental web design that rejects traditional UI conventions in favor of a raw, digital archive aesthetic."
version: alpha

colors:
  background: "#000000"
  primary: "#FFFFFF"
  neutral: "#767676"
  line: "rgba(118, 118, 118, 1)"

typography:
  display:
    fontFamily: monospace
    fontSize: 200px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: monospace
    fontSize: 18px
    lineHeight: 1.11
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: monospace
    fontSize: 12.32px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"

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, monochrome archival portal with a brutalist, glitched aesthetic and retro-digital typography.

*a glitched VHS tape or a brutalist digital exhibition entrance*

## Colors

Absolute binary contrast; pure black and white only.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Muted (`#767676`)** — uses `muted` token
- **Borders (`rgba(118, 118, 118, 1)`)** — uses `line` token

## Typography

- **Display:** monospace
- **Body:** monospace
- **Mono:** monospace

- All text is strictly uppercase
- Monospace font family is used for all elements

## Layout

Full-screen black canvas with centered content, emphasizing stark white elements.

*Rhythm:* Standard 4px base with generous padding in interactive elements.

## Elevation & Depth

- Borders: Strict 2px solid borders on interactive elements, no border-radius.

## Shapes

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

## Components

- **button:** Uppercase monospace text with a 2px solid white border and a 2px padding.
- **card:** Minimalist content blocks with strict borders and no rounded corners.
- **chip:** Small, uppercase monospace tags with a 2px solid border.
- **input:** Minimalist text input with a 2px solid white border and a black background.
- **hero:** A massive, centered, glitched monospace character (e.g., 'II') on a black background.

## Do's and Don'ts

**Don't:**
- Don't use soft shadows — the screenshot shows flat, borderless elements only.
- Don't use rounded corners — the screenshot shows strict rectangular shapes.
- Don't use multiple colors — the screenshot shows a strict black and white palette.
- Don't use sans-serif fonts — the screenshot shows exclusively monospace typography.
- Don't use lowercase text — the screenshot shows all text in uppercase.
- Don't use complex gradients — the screenshot shows solid black and white fills.

---

## System Prompt (paste into AI agent)

```
Design for a brutalist, experimental digital archive or portfolio. Use a strict black and white palette with no accent colors. Typography must be monospace and uppercase. Layout should be stark and full-screen. Avoid all common UI flourishes like rounded corners, shadows, or gradients. Focus on raw, digital, and archival aesthetics with glitched or distorted elements. This system uses a black background (#000000) and white foreground (#FFFFFF). Typography is entirely monospace. Key constraints: no border-radius, no shadows, no lowercase text, and no multi-color palettes. The feel should be like a VHS tape or a retro terminal interface.
```