---
name: Thegreenspace
description: "This site exemplifies brutalist-minimalist design with its bold typography and stark contrast, making it a strong reference for agency portfolios."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#BEBEBE"
  line: "rgba(0,0,0,0)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 72px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: grotesque-sans
    fontSize: 24px
    lineHeight: 1.17
    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

Minimalist design agency portfolio with bold typography and photographic hero sections

*A gallery space with large-scale typography and ample negative space*

## Colors

High contrast monochrome palette with gray accents for hierarchy

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

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans

## Layout

Large typographic blocks with minimal chrome

*Rhythm:* generous vertical spacing with tight line heights for display text

## Elevation & Depth

- Borders: none visible

## Shapes

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

## Components

- **button:** minimal text-based with cursor pointer
- **card:** none visible, project list used instead
- **chip:** none visible
- **input:** none visible
- **hero:** full-width photographic background with overlaid large typography

## Do's and Don'ts

**Don't:**
- don't use multiple fonts — screenshot shows consistent grotesque-sans throughout
- don't add drop shadows — screenshot shows completely flat design
- don't use rounded corners — screenshot shows sharp 0px radius on all elements
- don't add decorative borders — screenshot shows no visible borders
- don't use bright accent colors — screenshot shows only black, white, and gray
- don't clutter the layout — screenshot shows generous whitespace and minimal elements

---

## System Prompt (paste into AI agent)

```
This is a minimalist design agency portfolio site for The Greenspace. The design features a high-contrast monochrome palette with a white background (#FFFFFF), black ink (#000000), and gray muted text (#BEBEBE). Typography uses grotesque-sans fonts (haas_grotesk) with large display sizes (72px) and tight line heights for dramatic effect. The layout is spacious with generous whitespace and minimal chrome. Critical don'ts: don't use multiple font families, don't add shadows or rounded corners, don't introduce colorful accents, don't clutter with decorative elements, don't use borders, don't break the minimalist aesthetic. The site uses opacity transitions and staggered reveals for subtle motion effects.
```