---
name: Microwaver59
description: "This site is a masterclass in restrained, brutalist web design, proving that a limited palette and strong typography can create a deeply memorable and premium experience."
version: alpha

colors:
  background: "#000000"
  primary: "#FCFCFA"
  line: "rgba(252, 252, 250, 0.2)"

typography:
  body:
    fontFamily: monospace
    fontSize: 19.2px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "3.456px"

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 monochrome, typographically driven, and highly interactive portfolio interface.

*A stark, experimental design studio landing page.*

## Colors

High-contrast monochrome, utilizing only black, white, and a single subtle gray.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FCFCFA`)** — uses `ink` token
- **Borders (`rgba(252, 252, 250, 0.2)`)** — uses `line` token

## Typography

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

- All text is uppercase
- Monospaced typeface used throughout for a technical, uniform aesthetic
- Generous letter spacing applied to all text elements

## Layout

Full-bleed, single-column layout with heavily padded sections.

*Rhythm:* Strictly aligned to a 4px base grid with tight, consistent internal padding.

## Elevation & Depth

- 0 0 0 1px rgba(252, 252, 250, 1)
- Borders: 1px solid borders used for interactive elements and structural divisions.

## Shapes

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

## Components

- **button:** Stark, rectangular buttons with uppercase monospace text and a default underline on hover.
- **card:** Cards are defined primarily by typography and subtle hover states rather than heavy containers.
- **chip:** Not visibly present in the provided screenshots.
- **input:** Not visibly present in the provided screenshots.
- **hero:** A dynamic, centered typographic logo animation that morphs into a progress indicator.

## Do's and Don'ts

**Don't:**
- Don't use colorful gradients — screenshot shows a strict monochrome black and white palette.
- Don't use rounded corners on main elements — screenshot shows sharp, rectangular edges.
- Don't use varied font weights — screenshot shows a uniform heavy weight for almost all text.
- Don't use left-aligned text — screenshot shows a centered, symmetrical layout.
- Don't use standard sentence casing — screenshot shows everything in uppercase.
- Don't use wide letter spacing — screenshot shows tightly packed, condensed text.

---

## System Prompt (paste into AI agent)

```
This is a stark, experimental portfolio interface characterized by a strict monochrome palette (black #000000 and off-white #FCFCFA). The typography is exclusively monospaced, heavy-weight, uppercase, and tightly tracked, creating a technical and brutalist aesthetic. The layout is centered and minimalist, focusing heavily on interactive animations like the morphing logo and progress indicator. Critical donts include avoiding rounded corners on containers, using colorful gradients, applying standard sentence casing, or employing varied font weights. The design relies on extreme contrast and subtle, springy transitions rather than decorative elements or multiple colors.
```