---
name: Yannickgregoire Nl
description: "A unique example of brutalist web design that successfully merges terminal aesthetics with modern interactive patterns."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  tertiary: "#00FFA8"
  neutral: "#000000"
  line: "rgba(0,0,0,1)"

typography:
  display:
    fontFamily: monospace
    fontSize: 74px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  heading:
    fontFamily: monospace
    fontSize: 37px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: monospace
    fontSize: 24.74px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: monospace
    fontSize: 14.84px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"

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 brutalist interactive portfolio for a creative developer, utilizing terminal aesthetics and keyboard-driven navigation.

*A hacker's terminal meets high-fashion editorial*

## Colors

Stark high-contrast monochrome with a single neon green accent for focal points.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#00FFA8`)** — uses `accent` token
- **Muted (`#000000`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1)`)** — uses `line` token

## Typography

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

- All text is strictly uppercase
- Primary typeface is LT Terminal Mono (monospace)
- No variable font weights used

## Layout

Asymmetric grid with floating terminal windows and ASCII art blocks

*Rhythm:* Strict grid alignment with prominent whitespace

## Elevation & Depth

- Borders: 1px solid black on interactive elements and panels

## Shapes

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

## Components

- **button:** Monospace text labels with black backgrounds, sometimes with green accents
- **card:** Terminal-like floating windows with strict borders and ASCII art
- **chip:** Small tags with monospace font and solid black backgrounds
- **input:** Standard monospace text fields with bottom borders
- **hero:** Large ASCII art typography with floating terminal windows

## Do's and Don'ts

**Don't:**
- don't use serif fonts — screenshot shows strict monospace typography
- don't add rounded corners — screenshot shows sharp rectangular elements
- don't use soft shadows — screenshot shows flat design with hard borders
- don't use conversational UI patterns — screenshot shows terminal-like command prompts
- don't add decorative illustrations — screenshot shows ASCII art only
- don't use multiple accent colors — screenshot shows single green accent (#00FFA8) only

---

## System Prompt (paste into AI agent)

```
This is a brutalist portfolio site for a creative developer, using terminal aesthetics with LT Terminal Mono font. Key colors are #FFFFFF background, #000000 text, and #00FFA8 accent. Critical don'ts: no serif fonts, no rounded corners, no soft shadows, no conversational UI, no decorative illustrations beyond ASCII art. The site uses keyboard-driven navigation with smooth transitions, creating an interactive terminal experience.
```