---
name: Thomasmonavon
description: "This site exemplifies minimalist portfolio design where restraint and whitespace create a premium, gallery-like experience for showcasing photography."
version: alpha

colors:
  background: "#ffffff"
  primary: "#000000"
  neutral: "#000000"
  muted-soft: "#000000"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 38px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-1.14px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 500
    letterSpacing: "normal"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 0px

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

---

## Overview

A minimalist photography portfolio showcasing large-scale imagery with clean, typographic design.

*A high-end photography portfolio with a clean, minimalist aesthetic.*

## Colors

High-contrast monochromatic with pure white backgrounds and black text, allowing photography to provide all color.

- **Background (`#ffffff`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#000000`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** geometric-sans

- All text uses Lay Grotesk with weight 500 for a consistent, modern feel.
- Large headlines use tight letter-spacing of -1.14px for a bold, condensed look.
- Text transforms to uppercase for navigation and labels.

## Layout

Split-screen hero with 50/50 division between white content area and full-bleed photography.

*Rhythm:* Generous whitespace with consistent 20px padding for content areas.

## Elevation & Depth

- Borders: None visible; relies on pure white backgrounds and black elements for structure.

## Shapes

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

## Components

- **button:** Minimal text-based buttons with pointer cursor, no visible borders or backgrounds.
- **card:** Clean image-based cards with no borders or shadows, focusing on photography.
- **chip:** Simple text labels with uppercase transformation.
- **input:** No visible input fields in the provided screenshots.
- **hero:** Split-screen with large typography on white background and full-bleed photography on the right.

## Do's and Don'ts

**Don't:**
- Don't add decorative borders or shadows — screenshot shows completely flat surfaces
- Don't use multiple font families — screenshot shows consistent Lay Grotesk throughout
- Don't add colorful accents — screenshot shows purely monochromatic palette
- Don't use heavy shadows or depth effects — screenshot shows flat, minimalist design
- Don't clutter with excessive UI elements — screenshot shows generous whitespace
- Don't use rounded corners — screenshot shows sharp, clean edges on all elements

---

## System Prompt (paste into AI agent)

```
This is a minimalist photography portfolio site with a clean, editorial aesthetic. The design uses a pure white (#ffffff) background with black (#000000) text, creating high contrast that lets photography provide all visual interest. Typography uses Lay Grotesk (geometric-sans) at weight 500 with tight letter-spacing (-1.14px) for headlines. The layout features a split-screen hero with 50/50 division between white content area and full-bleed photography. Key features include generous whitespace, consistent 20px padding, uppercase text transforms for navigation, and smooth opacity/transform transitions. Critical constraints: maintain monochromatic palette, avoid decorative elements, preserve generous spacing, keep typography consistent with weight 500 throughout.
```