---
name: Biron
description: "A refined example of minimalist portfolio design that uses typography and whitespace to create a premium feel."
version: alpha

colors:
  background: "#000000"
  primary: "#FFFFFF"
  line: "rgba(255,255,255,1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: transitional-serif
    fontSize: 18px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: transitional-serif
    fontSize: 12px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0px"

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

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 20px
  xl: 40px
  2xl: 50px
  3xl: 64px

---

## Overview

Minimalist dark portfolio showcasing raw aesthetics and refined digital experiences.

*Digital gallery with physical texture*

## Colors

Extreme high-contrast monochrome palette

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Borders (`rgba(255,255,255,1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** transitional-serif

- Text transform: uppercase for navigation and labels
- High contrast: White text on black background only

## Layout

Full viewport with centered content and generous whitespace

*Rhythm:* Generous padding with tight internal rhythm

## Elevation & Depth

- 0px 0px 0px 0px transparent
- Borders: None visible

## Shapes

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

## Components

- **button:** None visible
- **card:** None visible
- **chip:** None visible
- **input:** None visible
- **hero:** Full-screen background image with serif text overlay

## Do's and Don'ts

**Don't:**
- Don't use rounded corners — screenshot shows sharp 0px edges
- Don't use drop shadows — screenshot shows flat, text-based layout
- Don't use bright accent colors — screenshot shows strict black and white palette
- Don't use decorative borders — screenshot shows clean, borderless sections
- Don't use center-aligned text everywhere — screenshot shows mixed alignment
- Don't use dense information layouts — screenshot shows massive whitespace

---

## System Prompt (paste into AI agent)

```
A minimalist portfolio site for a London-based visual designer. The design uses a strict black and white palette with a prominent transitional-serif font for headlines and UI labels. The layout relies heavily on whitespace and full-viewport sections with large background imagery. Key hex colors are #000000 for backgrounds and #FFFFFF for text. Critical donts: never use rounded corners, never add drop shadows, never introduce bright accent colors. Focus on raw aesthetics and refined interactions through subtle motion and high-contrast typography.
```