---
name: Patrickmiller Se
description: "This site is a strong example of extreme typography-driven portfolio design, where scale and color create immediate impact without complex UI."
version: alpha

colors:
  background: "#FD9B65"
  primary: "#000000"
  tertiary: "#6F2C30"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 331px
    lineHeight: 0.8
    fontWeight: 400
    letterSpacing: "-6.6px"
  body:
    fontFamily: system-sans
    fontSize: 16px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "normal"

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-focused portfolio anchored by massive, stark typography.

*A stark, confident photographer's portfolio that leads with a bold typographic identity and lets the images speak.*

## Colors

A vibrant, warm hero background contrasts with stark black text, while photography sections utilize deep maroons, blues, and solid blacks.

- **Background (`#FD9B65`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#6F2C30`)** — uses `accent` token
- **Borders (`rgba(0,0,0,1.0)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** system-sans

- Hero typography is set at an extreme scale with tight line heights and negative tracking.

## Layout

Full-bleed, single-column layout with massive typography anchoring the hero section.

*Rhythm:* Generous padding (72px) is used consistently for container elements.

## Elevation & Depth

- Borders: None visible; relies on color contrast and typography for separation.

## Shapes

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

## Components

- **button:** A small, rotated white square in the top right corner serving as a contact link.
- **card:** Full-bleed photographic sections.
- **hero:** A full-screen, solid-colored background dominated by massive, single-line typography.

## Do's and Don'ts

**Don't:**
- Don't use multiple competing background colors — screenshot shows a single dominant warm hue per section.
- Don't add drop shadows to elements — screenshot shows perfectly flat, hard-edged design.
- Don't use small, delicate typography for primary statements — screenshot relies on massive, heavy type.
- Don't use rounded corners on UI elements — screenshot shows strictly sharp, rectangular geometry.
- Don't clutter the layout with multiple columns — screenshot shows a strict, single-column structure.
- Don't use busy navigation bars — screenshot shows a single, rotated corner element for contact.

---

## System Prompt (paste into AI agent)

```
A minimalist portfolio for a photography studio, defined by massive, stark typography and bold, solid background colors. The primary palette uses a vibrant orange (#FD9B65) and deep maroon (#6F2C30), anchored by solid black (#000000) for text and borders. Typography features a humanist-sans display font scaled to extreme sizes with tight line heights and negative tracking. Critical constraints: maintain a strictly single-column, full-bleed layout; avoid any rounded corners or drop shadows; ensure hero text remains at an extreme scale to preserve the site's confident, editorial identity.
```