---
name: Magdareyman
description: "This site exemplifies a premium, restrained portfolio design that uses typography and whitespace to create a strong, confident identity."
version: alpha

colors:
  background: "#C0C0C0"
  primary: "#282828"
  neutral: "#090909"
  line: "rgba(40, 40, 40, 0.2)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 40px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "normal"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "normal"
  caption:
    fontFamily: humanist-sans
    fontSize: 8px
    lineHeight: 1.25
    fontWeight: 400
    letterSpacing: "0.2px"

rounded:
  sm: 6px
  md: 16px
  lg: 32px
  pill: 162px

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

---

## Overview

A sophisticated design portfolio bridging branding and user interface.

*A curated gallery of design work presented with refined, confident minimalism.*

## Colors

Monochromatic palette using neutral grays and deep blacks to let the work speak.

- **Background (`#C0C0C0`)** — uses `bg` token
- **Primary text (`#282828`)** — uses `ink` token
- **Muted (`#090909`)** — uses `muted` token
- **Borders (`rgba(40, 40, 40, 0.2)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** humanist-sans
- **Mono:** monospace

- Use system sans-serif stack for primary UI and body text.
- Use a clean transitional serif for display and emphasis.
- Maintain tight line heights for display text.

## Layout

A simple grid layout with a prominent hero area and scattered project showcases.

*Rhythm:* Generous whitespace creating a relaxed, editorial feel.

## Elevation & Depth

- 0 4px 20px rgba(0,0,0,0.1)
- Borders: 1.4px solid #282828

## Shapes

- `sm`: 6px
- `md`: 16px
- `lg`: 32px
- `pill`: 162px

## Components

- **button:** Pill-shaped with solid background or text only.
- **card:** Clean presentation of app UI screenshots.
- **chip:** Small, uppercase text labels for contact info.
- **input:** Minimalist styling consistent with the overall sans-serif.
- **hero:** Large typography statement with a subtitle.

## Do's and Don'ts

**Don't:**
- don't use bright, saturated colors — the screenshot shows a strictly monochromatic, gray-scale palette.
- don't use ornate display fonts — the display text uses a clean, refined transitional serif.
- don't create dense layouts — the screenshot shows generous whitespace and a relaxed, open structure.
- don't use complex shadows or gradients — the screenshot shows flat surfaces with minimal, subtle shadows.
- don't use rounded rectangles with sharp corners — the screenshot shows pill-shaped buttons and elements with high border-radius.
- don't use heavy font weights — the screenshot shows predominantly regular (400) weight typography.

---

## System Prompt (paste into AI agent)

```
This is a minimalist design portfolio for Magda Reyman. The design DNA features a sophisticated, monochromatic palette centered around a neutral gray background (#C0C0C0) and deep, dark gray/black text (#282828, #090909). Typography is refined, utilizing a humanist sans-serif for body text and a transitional serif for display headings, often with tight line heights and generous spacing. Layouts are open and airy, emphasizing the showcased work. Critical donts: avoid bright, saturated colors; avoid ornate or overly decorative typography; avoid dense, cluttered layouts. The overall feel is confident, premium, and focused on high-quality UI and branding work.
```