---
name: Simonesniekers
description: "This site is worth including as a masterclass in extreme minimalist portfolio design, demonstrating how a vibrant, unconventional color palette and severe UI restraint can create a powerful, gallery-l"
version: alpha

colors:
  background: "#E95531"
  primary: "#000000"
  neutral: "#808080"
  bg-soft: "#EDAB1E"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: neo-grotesque-sans
    fontSize: 16px
    lineHeight: 1.2
    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

A minimalist photography portfolio that uses bold, saturated gradients as a canvas for centered, high-fashion imagery.

*A high-end photography exhibition catalog brought to the web, prioritizing visual impact over UI chrome.*

## Colors

Extreme restraint in UI elements; the design relies on vibrant background gradients and bold imagery rather than complex UI.

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

## Typography

- **Display:** neo-grotesque-sans
- **Body:** neo-grotesque-sans
- **Mono:** transitional-serif

- Use Neue Haas Grotesk for all primary text
- Maintain a very small, consistent font size (16px) across all UI elements

## Layout

A single, centered image on a full-viewport gradient background, with minimal text anchored to the bottom edges.

*Rhythm:* Generous vertical padding and margin, often exceeding 1000px, creating expansive empty space.

## Elevation & Depth

- Borders: None visible; UI is edge-to-edge.

## Shapes

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

## Components

- **button:** No traditional buttons; text labels act as primary interactive elements.
- **card:** No cards; the single, centered image is the sole content vessel.
- **chip:** No chips visible.
- **input:** No inputs visible.
- **hero:** A full-screen, vertically oriented photographic image centered on a vibrant gradient background.

## Do's and Don'ts

**Don't:**
- Don't use drop shadows — screenshot shows completely flat imagery and text without any elevation.
- Don't add UI borders or outlines — screenshot shows clean edges between the gradient background and the image.
- Don't use multiple font sizes or weights — screenshot shows a uniform 16px/400 weight across all text.
- Don't use traditional navigation bars — screenshot shows only a few text labels anchored to the bottom.
- Don't use a white or light neutral background — screenshot shows a dominant, vibrant orange-to-yellow gradient.
- Don't clutter with multiple content cards — screenshot shows a single, centered photographic image as the primary focus.

---

## System Prompt (paste into AI agent)

```
Design a minimalist photography portfolio with extreme UI restraint. Use a vibrant gradient background (orange #E95531 to yellow #EDAB1E) as the primary canvas. Typography must be Neo-grotesque-sans (Neue Haas Grotesk) at a uniform 16px/400 weight for all labels. Layout centers a single, high-fashion photographic image on a full viewport. Critical donts: no drop shadows, no UI borders, no multiple font sizes, no traditional navigation bars, no white backgrounds, and no content cards. The experience should feel like a silent, high-end gallery exhibition where the imagery is the absolute hero.
```