---
name: Nathansmith
description: "An exceptional example of using extreme negative space and typographic scale to create a powerful, premium portfolio presentation."
version: alpha

colors:
  background: "#000000"
  primary: "#F5F4EE"
  secondary: "#FFFFFF"
  neutral: "#333333"
  line: "rgba(245, 244, 238, 1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 80px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: geometric-sans
    fontSize: 14px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A minimal, monochromatic portfolio site that uses extreme typographic scale and vast negative space to create a premium, gallery-like presentation.

*A high-end monochromatic art gallery.*

## Colors

Extreme monochrome minimalism, relying on typography and negative space.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#F5F4EE`)** — uses `ink` token
- **Secondary text (`#FFFFFF`)** — uses `ink-soft` token
- **Muted (`#333333`)** — uses `muted` token
- **Borders (`rgba(245, 244, 238, 1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** geometric-sans

- Use transitional-serif for display text
- Use geometric-sans for body text
- Ensure all typography is uppercase for display elements

## Layout

asymmetric, edge-anchored with vast central negative space

*Rhythm:* generous vertical and horizontal spacing with large gaps

## Elevation & Depth

- None: None
- Borders: no visible borders, rely on negative space

## Shapes

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

## Components

- **button:** pill-shaped buttons with a dark background and light text
- **card:** minimal floating cards with deep shadows for awards
- **chip:** pill-shaped tags
- **hero:** vast empty space with a single massive typographic element anchored to the edge

## Do's and Don'ts

**Don't:**
- Don't use multiple colors — screenshot shows a strictly monochromatic palette of black, white, and off-white
- Don't center-align text — screenshot shows left-aligned, edge-anchored typography
- Don't use tight spacing — screenshot shows vast, empty negative space between elements
- Don't use small, crowded layouts — screenshot shows a minimalist, gallery-like composition
- Don't use complex backgrounds — screenshot shows a solid, flat black background
- Don't use decorative borders — screenshot shows elements separated by space, not lines

---

## System Prompt (paste into AI agent)

```
A minimalist portfolio site for an art director. The design is strictly monochromatic, using a black background (#000000) and off-white text (#F5F4EE) with a transitional-serif display font and a geometric-sans body font. It features a massive typographic scale for headlines and vast, empty negative space to create a premium, gallery-like feel. Floating UI elements use deep, dark shadows and pill shapes. Critical constraints: maintain the strict monochrome palette, use massive negative space, and anchor all typography to the edges of the viewport.
```