---
name: Brunoarizio
description: "Worth including as a benchmark for extreme minimalist portfolio design that relies entirely on typography, spacing, and pacing."
version: alpha

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

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.07
    fontWeight: 400
    letterSpacing: "-0.22px"

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

spacing:
  xs: 11px
  sm: 18px
  md: 23px
  lg: 45px

---

## Overview

A minimalist portfolio for a globally recognized independent designer and creative director.

*High-end independent design studio portfolio.*

## Colors

Stark monochrome palette with pure white backgrounds, solid black typography, and neutral gray for secondary text.

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

## Typography

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

- Extremely tight letter-spacing (-0.22px) for a refined, compact appearance.
- Heavy use of small font sizes around 13px for body text.
- Strictly uniform font weight of 400 across all visible elements.

## Layout

Full-width stacked layout with generous vertical spacing between sections.

*Rhythm:* Defined by consistent 18px horizontal padding and 45px vertical section padding.

## Elevation & Depth

- Borders: No visible structural borders; separation relies entirely on white space.

## Shapes

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

## Components

- **card:** A single, full-bleed project preview card displaying a website design.
- **hero:** A highly minimalist, text-only introduction section without a traditional graphical hero image.

## Do's and Don'ts

**Don't:**
- don't use multiple font weights — screenshot shows a uniform 400 weight across all text.
- don't apply decorative shadows — screenshot shows completely flat, borderless surfaces.
- don't use a wide letter-spacing — screenshot shows a tight, negative letter-spacing of -0.22px.
- don't introduce complex navigation patterns — screenshot shows only three simple text links.
- don't use a multi-color palette — screenshot relies strictly on black, white, and gray.
- don't use fast, snappy animations — screenshot specifies slow 1-second transitions.

---

## System Prompt (paste into AI agent)

```
This is a minimalist portfolio website for an independent designer and creative director. The visual DNA is defined by a stark, high-contrast monochrome palette (#FFFFFF background, #000000 ink, #A6A6A6 muted) and a clean, geometric sans-serif typeface used at small sizes with tight letter-spacing. The layout is incredibly spacious, relying on generous padding (18px horizontal, 45px vertical) and vertical stacking rather than complex grids. Critical donts include: never use multiple font weights, do not add shadows or complex borders, and never use wide letter-spacing. The motion profile is slow and deliberate, utilizing a custom cubic-bezier (0.22, -0.01, 0.13, 0.99) for transitions. The overall effect is refined, quiet, and highly professional, letting the work speak for itself.
```