---
name: Marxdesign Co Nz
description: "The site is worth including as a prime example of minimalist, typography-led portfolio design that prioritizes content over decoration."
version: alpha

colors:
  background: "#ffffff"
  primary: "#000000"
  neutral: "#ebe8e7"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 120px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  headline:
    fontFamily: humanist-sans
    fontSize: 27px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-0.5px"
  body:
    fontFamily: humanist-sans
    fontSize: 19px
    lineHeight: 1.35
    fontWeight: 400
    letterSpacing: "-0.675px"

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

spacing:
  xs: 4px
  sm: 8px
  md: 10px
  lg: 18px
  xl: 30px
  2xl: 64px
  3xl: 96px

---

## Overview

Minimalist portfolio featuring bold typography and high-contrast photography.

*A high-end architectural blueprint or a gallery exhibition guide.*

## Colors

High-contrast monochrome with warm photographic accents.

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

## Typography

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

- Use negative letter spacing for large display text.
- Maintain a consistent font weight of 400 for text.
- Left-align most body and headline text.

## Layout

Asymmetric grid with large, off-grid image placements.

*Rhythm:* Generous vertical whitespace between sections.

## Elevation & Depth

- Borders: None visible.

## Shapes

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

## Components

- **button:** Minimal text link with cursor pointer.
- **card:** Edge-to-edge image with a small circular indicator.
- **chip:** Small circular color swatch (50% border-radius).
- **hero:** Massive typographic intro followed by large photographic works.

## Do's and Don'ts

**Don't:**
- Don't use a multi-color palette — screenshot shows a strict black-and-white base with photographic accents.
- Don't center-align all content — screenshot shows left-aligned text and asymmetric layouts.
- Don't use heavy borders or shadows — screenshot shows flat, borderless surfaces.
- Don't use decorative serif fonts for the main UI — screenshot shows a clean sans-serif.
- Don't crowd elements together — screenshot shows extensive use of negative space.
- Don't use rounded corners on cards — screenshot shows sharp, rectangular image frames.

---

## System Prompt (paste into AI agent)

```
This is a minimalist portfolio site for a design agency. The visual identity is built on a high-contrast black and white palette (ink: #000000, bg: #ffffff) with warm photographic tones. The typography is dominated by a clean sans-serif (humanist-sans) with significant negative letter-spacing for large display text. Layouts are asymmetric and grid-based with generous negative space. Critical constraints: Never use centered text for the main body, avoid any colored UI components or borders, and maintain a strict monochrome aesthetic for all interface elements. The design focuses on large, high-quality photography as the primary visual interest.
```