---
name: Petertarka
description: "This site is worth including as a prime example of a minimalist, high-end creative portfolio that uses 3D artwork as its primary visual language."
version: alpha

colors:
  background: "#F0F0F0"
  primary: "#000000"
  line: "rgba(0, 0, 0, 0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 38px
    lineHeight: 1.05
    fontWeight: 300
    letterSpacing: "0px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A high-end creative portfolio showcasing detailed 3D environments with minimalist editorial typography.

*A curated gallery of bespoke 3D visual worlds presented in a clean, Swiss-inspired typographic layout.*

## Colors

High contrast between a neutral off-white canvas and stark black typography.

- **Background (`#F0F0F0`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Borders (`rgba(0, 0, 0, 0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** geometric-sans

- Use geometric sans for all text layers
- Light weights (300) for large display text
- Regular weight (400) for body and smaller elements
- Tight line-height for large display text

## Layout

A clean grid that alternates between solid color blocks and empty space.

*Rhythm:* Generous padding (45px) creates an airy, gallery-like feel.

## Elevation & Depth

- Borders: Thin 1px lines in rgba(0, 0, 0, 0.1) are used sparingly, sometimes asymmetrically (0px 1px 1px 0px).

## Shapes

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

## Components

- **button:** Minimalist text links, no visible button containers.
- **card:** No visible card components; content is presented directly on the background.
- **hero:** Full-bleed background color with large 3D isometric illustrations and sparse typography.

## Do's and Don'ts

**Don't:**
- Don't use serif fonts — the screenshot shows a strict geometric sans-serif system.
- Don't use rounded corners — the screenshot shows sharp, 0px border-radius elements.
- Don't use complex shadows — the screenshot shows completely flat surface presentation.
- Don't use dense text blocks — the screenshot shows sparse, large-format typography.
- Don't use highly saturated UI colors — the screenshot shows a neutral palette with isolated color blocks.
- Don't use decorative borders — the screenshot shows only minimal, 1px dividing lines.

---

## System Prompt (paste into AI agent)

```
This is a high-end creative agency portfolio showcasing detailed 3D isometric illustrations. The design relies on a stark contrast between a neutral off-white (#F0F0F0) background and bold black (#000000) typography. The typography uses a geometric sans-serif category with light weights for display and regular weights for body. Layouts are spacious with generous padding, creating a gallery-like feel. Key colors are #F0F0F0 and #000000. Critical donts: never use serif fonts, avoid rounded corners, and do not use dense text blocks or complex shadows. Keep the focus on the 3D artwork with minimal, precise typographic interventions.
```