---
name: Emil Kowalski
description: "A prime example of 'restraint' in design, showing how a simple palette and layout can create a professional and focused experience."
version: alpha

colors:
  background: "#fdfdfc"
  primary: "#21201c"
  secondary: "#63635e"
  line: "rgba(233,233,231,1)"

typography:
  h2:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 500
    letterSpacing: "0"

rounded:
  sm: 0px
  md: 6px
  lg: 0px
  pill: 9999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

A calm, developer-focused portfolio with a clean, typographic-first approach.

*A well-organized notebook*

## Colors

Monochrome with a warm, off-white base and high-contrast typography.

- **Background (`#fdfdfc`)** — uses `bg` token
- **Primary text (`#21201c`)** — uses `ink` token
- **Secondary text (`#63635e`)** — uses `ink-soft` token
- **Borders (`rgba(233,233,231,1)`)** — uses `line` token

## Typography

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

- Body text uses a light gray color (#63635e) for softer reading.
- Section headings are black (#21201c) and slightly bolder.
- Maintain a consistent 24px line height for body text.

## Layout

Single-column layout with a narrow, centered container.

*Rhythm:* Vertical rhythm is established by consistent 24px line-heights and generous 96px vertical spacing between major sections.

## Elevation & Depth

- 0 0 0 1px rgba(0,0,0,0.08)
- 0 2px 2px 0 rgba(0,0,0,0.04)
- Borders: 1px solid border color (rgb(233,233,231))

## Shapes

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

## Components

- **button:** Dark, pill-shaped primary action button with white text.
- **card:** N/A - Minimalist list-based structure without cards.
- **chip:** N/A
- **input:** Rounded input with a subtle border.
- **hero:** Minimal text-based hero with name, title, and bio.

## Do's and Don'ts

**Don't:**
- Don't use bright, saturated accent colors — screenshot shows a monochrome palette.
- Don't use complex multi-column layouts — screenshot shows a single, narrow column.
- Don't use heavy drop shadows — screenshot shows minimal, subtle borders.
- Don't use large, dramatic typography — screenshot shows a modest, readable scale.
- Don't use sans-serif fonts with purely geometric or humanist characteristics — screenshot shows a clean, neutral sans-serif.
- Don't use excessive padding or margins — screenshot shows tight, consistent spacing.

---

## System Prompt (paste into AI agent)

```
This is a minimalist developer portfolio for a design engineer. The design relies on a clean, monochrome palette with a warm off-white background (#fdfdfc) and dark ink (#21201c). The layout is a single, narrow column, prioritizing readability and content over visual complexity. Typography is set in a neutral sans-serif category, with clear hierarchy established through weight and color rather than size. Key design elements include subtle 1px borders and rounded input fields. Critical don'ts: avoid bright accent colors, complex grids, heavy shadows, and overly large display fonts. The overall feel is calm, refined, and professional.
```