Minimal Portfolio System

---
name: Minimal Portfolio
colors:
  light:
    background: '#ffffff'
    surface: '#f9f9f9'
    text-primary: '#171717'
    text-secondary: '#737373'
    border: '#e5e5e5'
    accent: '#000000'
  dark:
    background: '#0a0a0a'
    surface: '#141414'
    text-primary: '#f5f5f5'
    text-secondary: '#a3a3a3'
    border: '#262626'
    accent: '#ffffff'
typography:
  display:
    fontFamily: Playfair Display
    fontSize: 64px
    fontWeight: '700'
    lineHeight: '1.1'
  heading:
    fontFamily: Inter
    fontSize: 28px
    fontWeight: '600'
  body:
    fontFamily: Inter
    fontSize: 16px
    lineHeight: '1.7'
rounded:
  DEFAULT: 0px
spacing:
  base: 8px
---

## Overview

Typography-first portfolio design. No rounded corners, no
shadows — pure contrast, generous whitespace, and a single
accent color per mode (black on light, white on dark).
Playfair Display headlines create editorial gravitas; Inter
body text keeps things modern and readable.

## Colors

Two complete palettes, toggled by a theme switch:
- Light: white bg, black text, subtle gray borders
- Dark: near-black bg, off-white text, dark borders

## Typography

Playfair Display at 64px/1.1 for hero headlines — dramatic,
editorial. Inter for everything else: 28px section headings,
16px body with generous 1.7 line-height.

## Components

- Hero: centered name + role, one-line tagline
- Project Card: full-bleed image, title + category below
- Navigation: four links, no underline, hover→accent color
- Footer: three columns (contact, links, credits), border-top