---
name: Anacuna
description: "This site is an excellent example of extreme typographic minimalism, where text size and weight alone create a powerful visual identity without the need for complex imagery or color."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  line: "rgba(0,0,0,1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 94px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: grotesque-sans
    fontSize: 15px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 8px
  lg: 27px
  pill: 999px

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

---

## Overview

A high-contrast, typography-led portfolio showcasing illustration work through oversized text and pill-shaped navigation.

*A minimalist magazine layout that uses massive typography as the primary design element.*

## Colors

Strict monochrome palette using only black and white, with a single pink accent for the logo.

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

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans

- All text is uppercase
- Main display text is set to a single uniform massive size
- Tight line-height for display text to create dense text blocks

## Layout

Full-width sections separated by horizontal rules, with massive text acting as the primary structural element.

*Rhythm:* Based on a strict 4px grid, with generous vertical padding for hero sections and tight margins for text blocks.

## Elevation & Depth

- Borders: 1px solid black

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 27px
- `pill`: 999px

## Components

- **button:** Pill-shaped outlined buttons with uppercase text.
- **card:** Full-width rows separated by 1px horizontal lines, containing massive project titles.
- **chip:** Small pill-shaped tags (e.g., 'Google Play', 'Adobe') with 1px border and rounded corners.
- **hero:** Massive uppercase text spanning the viewport width, occasionally with small pill tags floating nearby.

## Do's and Don'ts

**Don't:**
- Don't use serif fonts — the screenshot shows exclusively uppercase grotesque sans-serif typography.
- Don't use drop shadows — the screenshot shows flat design with only 1px borders.
- Don't use gradients — the screenshot shows solid black and white backgrounds.
- Don't use lowercase text in the main layout — the screenshot shows all text is uppercase.
- Don't use complex layouts with columns — the screenshot shows single-column full-width rows.
- Don't use small text for headlines — the screenshot shows project titles spanning the entire viewport width.

---

## System Prompt (paste into AI agent)

```
This is a minimalist illustration portfolio by Ana Cuna, characterized by a strict monochrome palette (black #000000 on white #FFFFFF) and a single soft pink (#FFC8C8) logo accent. The design relies entirely on massive, uppercase grotesque-sans-serif typography to create structure and hierarchy. Key components include pill-shaped outlined navigation buttons and horizontal rules separating full-width project titles. Avoid any serif fonts, drop shadows, gradients, or lowercase text, as the site maintains a high-contrast, typography-driven aesthetic throughout.
```