---
name: Artworld Agency
description: "This site is an excellent example of restraint and how typography alone can create a premium, editorial atmosphere."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#BABABA"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: didone-serif
    fontSize: 75px
    lineHeight: 1.0
    fontWeight: 300
    letterSpacing: "-1px"
  h1:
    fontFamily: humanist-sans
    fontSize: 75px
    lineHeight: 1.0
    fontWeight: 300
    letterSpacing: "-0.78px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 300
    letterSpacing: "0"
  caption:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.5
    fontWeight: 300
    letterSpacing: "0"

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

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

---

## Overview

A high-contrast, typography-led portfolio for a creative agency.

*A curated gallery of creative talent presented with classical typographic elegance.*

## Colors

Strict high-contrast monochrome to prioritize the creative work and typographic hierarchy.

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

## Typography

- **Display:** didone-serif
- **Body:** humanist-sans

- Use 'Cardinal Fruit' (didone-serif) for large display text and artist names.
- Use 'Graphik' (humanist-sans) at weight 300 for body text and smaller UI elements.
- Strictly maintain a single font weight (300) across all typography for a cohesive, refined aesthetic.

## Layout

A clean, single-column typographic flow with a massive logo anchored at the bottom.

*Rhythm:* Generous, unstructured whitespace between typographic blocks to allow the text to breathe.

## Elevation & Depth

- Borders: None; separation is achieved through spacing and typography.

## Shapes

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

## Components

- **button:** Simple text links with cursor pointer, relying on hover color transitions.
- **card:** None visible; content is presented as a flat typographic list.
- **chip:** None visible.
- **input:** None visible.
- **hero:** A massive, full-width typographic display anchoring the bottom of the viewport.

## Do's and Don'ts

**Don't:**
- don't use bright accent colors — screenshot shows a strict black-and-white monochrome palette
- don't use heavy font weights — screenshot shows all text at a light weight (300)
- don't use border-radius on elements — screenshot shows purely rectangular, sharp-edged layouts
- don't use complex card layouts — screenshot shows a flat, typographic list of names
- don't add decorative shadows — screenshot shows zero elevation or drop shadows
- don't mix many font families — screenshot relies purely on a serif/sans-serif pairing

---

## System Prompt (paste into AI agent)

```
Artworld Agency is a refined, typography-led creative portfolio. The design DNA is built on a strict black-and-white monochrome palette (#000000 ink, #FFFFFF background) to prioritize the creative work. The typography features a prominent didone-serif for display text (artist names) paired with a clean humanist-sans for body copy, both strictly at a light font weight (300). Critical design rules: do not introduce accent colors, do not use heavy font weights, and do not add decorative elements like shadows or rounded corners. The layout relies on generous whitespace and a massive typographic logo anchored at the bottom of the page.
```