---
name: Friendsofthenew
description: "Worth including for its bold, uncompromising use of typography and photographic layout to create a high-end editorial feel without any color or decoration."
version: alpha

colors:
  background: "#f4f4ef"
  primary: "#000000"
  neutral: "#000000"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 200px
    lineHeight: 0.85
    fontWeight: 400
    letterSpacing: "-2px"
  body:
    fontFamily: humanist-sans
    fontSize: 10px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A monochrome editorial showcase for emerging artists with massive typographic presence and photographic collage layouts.

*A high-fashion art gallery magazine*

## Colors

Strict monochrome palette relying on stark black and warm off-white for maximum contrast and editorial elegance.

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

## Typography

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

- Logotype uses a high-contrast transitional serif for dramatic visual impact
- UI elements use a clean humanist sans-serif for legibility at small sizes
- Tight letter-spacing applied to large display text for cohesion

## Layout

Fixed bottom logotype with floating, collage-style image grid above it

*Rhythm:* Grid-based with 20px gutters and generous whitespace for editorial pacing.

## Elevation & Depth

- Borders: 1px solid rgb(0, 0, 0)

## Shapes

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

## Components

- **button:** Minimal text links with circular outline indicators
- **card:** Unframed photographic images floating in a loose grid
- **chip:** Circular indicator dots for navigation states
- **input:** Minimal text-based navigation without visible input fields
- **hero:** Full-width display logotype anchoring the viewport bottom

## Do's and Don'ts

**Don't:**
- Don't use bright accent colors — screenshot shows strict black and warm off-white only
- Don't use rounded corners — screenshot shows sharp edges and circular pill shapes only
- Don't center-align text — screenshot shows left-aligned navigation and bottom-anchored logotype
- Don't use drop shadows — screenshot shows completely flat photographic layers
- Don't use sans-serif for display text — screenshot shows a transitional serif for the main logotype
- Don't add decorative borders or frames — screenshot shows unframed, floating photographic elements

---

## System Prompt (paste into AI agent)

```
This website is a minimalist, editorial-style portfolio for an artist collective, characterized by a monochrome palette and massive typography. The design relies on a stark contrast between a warm off-white background and black ink, using a transitional serif for the dominant logotype and a humanist sans-serif for small UI text. A key constraint is the avoidance of color, rounded corners, and drop shadows, emphasizing a flat, photographic collage aesthetic. The layout features a fixed bottom logotype with floating images above, creating a gallery-like experience. Avoid any vibrant colors or decorative elements, focusing instead on typography, photography, and generous whitespace.
```