---
name: Guillermo Rauch
description: "A perfect example of extreme minimalist design where content and typography are the sole focus, making it a valuable reference for restraint."
version: alpha

colors:
  background: "#fcfcfc"
  primary: "#000000"
  neutral: "#737373"
  line: "rgba(229,231,235,1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 18px
    lineHeight: 1.56
    fontWeight: 700
    letterSpacing: "normal"
  body:
    fontFamily: geometric-sans
    fontSize: 14px
    lineHeight: 1.43
    fontWeight: 400
    letterSpacing: "normal"
  caption:
    fontFamily: geometric-sans
    fontSize: 12px
    lineHeight: 1.33
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 2px
  md: 8px
  lg: 12px
  pill: 999px

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

---

## Overview

A hyper-clean, typography-driven personal archive of a prominent tech figure.

*A minimalist technical journal or a clean, academic reading list.*

## Colors

Extreme restraint using high-contrast black-on-white with subtle gray for metadata.

- **Background (`#fcfcfc`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#737373`)** — uses `muted` token
- **Borders (`rgba(229,231,235,1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** geometric-sans
- **Mono:** monospace

## Layout

A strict 3-column table-like layout for the list items: year (left), title (center), count (right).

*Rhythm:* Strict vertical spacing based on 4px increments, primarily using 8px and 24px for list items and sections.

## Elevation & Depth

- Borders: Subtle 1px solid borders used primarily on tags, defined by rgb(229,231,235).

## Shapes

- `sm`: 2px
- `md`: 8px
- `lg`: 12px
- `pill`: 999px

## Components

- **button:** Minimal text links with no visible padding or background unless in a tag format.
- **card:** A conceptual card formed by a row containing year, title, and count.
- **chip:** Small pill-shaped tags with 1px border and slight padding, seen in the footer.
- **input:** No input components visible.
- **hero:** A simple header with the site title on the left and navigation links on the right.

## Do's and Don'ts

**Don't:**
- don't use multiple colors — screenshot shows a strictly monochromatic black/white/gray palette.
- don't add drop shadows to cards or containers — screenshot shows a completely flat, shadowless design.
- don't use decorative borders or heavy dividers — screenshot uses vertical spacing and alignment instead.
- don't use complex grids or overlapping elements — screenshot shows a rigid, linear, 3-column list layout.
- don't use bold text excessively — screenshot uses weight 700 only for the main site title.
- don't use rounded corners on primary containers — screenshot uses sharp edges for the main list.

---

## System Prompt (paste into AI agent)

```
This is a hyper-minimalist personal portfolio and blog archive. It uses a strict monochromatic palette: #000000 ink on a #fcfcfc background, with #737373 for muted metadata. The typography is a clean geometric sans-serif (categorized as geometric-sans) at 14px body and 12px for metadata. The layout is a centered, narrow container with a rigid 3-column list structure (year, title, count). Critical donts: Do not use accent colors, add shadows, or use rounded corners on main containers. Do not use decorative borders or complex grids. Do not use bold text anywhere except the site title. The voice is direct and professional, relying entirely on typography and spacing for hierarchy.
```