---
name: Maximilianberndt
description: "This site is a masterclass in minimalist portfolio design, using extreme typographic restraint and a clean grid to project high competence."
version: alpha

colors:
  background: "#FDFDFD"
  primary: "#16161D"
  neutral: "#737377"
  line: "rgba(22, 22, 29, 1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.25
    fontWeight: 400
    letterSpacing: "-0.096px"

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

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

---

## Overview

A stark, highly typographic portfolio for a creative developer, using a strict grid and monochromatic palette.

*A clean Swiss-style typographic specimen sheet for a digital craftsman.*

## Colors

Strictly monochromatic, using near-black and medium gray on an off-white background for maximum legibility.

- **Background (`#FDFDFD`)** — uses `bg` token
- **Primary text (`#16161D`)** — uses `ink` token
- **Muted (`#737377`)** — uses `muted` token
- **Borders (`rgba(22, 22, 29, 1)`)** — uses `line` token

## Typography

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

## Layout

A strict two-column asymmetric grid on desktop, collapsing to a single column on mobile.

*Rhythm:* The layout relies on a strict grid system with generous vertical spacing between sections and consistent padding.

## Elevation & Depth

- Borders: No visible borders; spacing and color contrast define the boundaries.

## Shapes

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

## Components

- **button:** Text-only links with no visible chrome.
- **card:** No visual cards; content is organized in list structures.
- **chip:** None.
- **input:** None.
- **hero:** A purely typographic hero with a large amount of whitespace.

## Do's and Don'ts

**Don't:**
- Don't use bright accent colors — screenshot shows a strictly monochromatic palette.
- Don't use large, decorative fonts — screenshot shows a uniform 12px grotesque-sans.
- Don't add shadows or borders — screenshot shows a flat layout defined by whitespace.
- Don't use complex imagery in the main layout — screenshot shows text-only content.
- Don't use rounded corners — screenshot shows sharp, unstyled elements.
- Don't center-align text — screenshot shows a strict left-aligned layout.

---

## System Prompt (paste into AI agent)

```
This is a minimalist portfolio site for a creative developer, emphasizing extreme restraint and typographic precision. It uses a strict monochromatic palette: near-black text (#16161D) on an off-white background (#FDFDFD) with medium gray (#737377) for secondary information. The typography is uniform, utilizing a single grotesque-sans category at 12px. Critical donts include: never use decorative elements or bright accents, avoid large display typography, and maintain a strict left-aligned layout without borders or shadows. The layout relies on a rigid grid and generous whitespace to create a professional, Swiss-style aesthetic.
```