---
name: Race To The Bottom Onrender
description: "The site is a compelling example of extreme typographic minimalism for editorial content."
version: alpha

colors:
  background: "#F0F0F0"
  primary: "#0A0A0A"
  secondary: "#0A0A0A"
  line: "rgba(10,10,10,1)"

typography:
  display:
    fontFamily: didone-serif
    fontSize: 70px
    lineHeight: 0.85
    fontWeight: 700
    letterSpacing: "-2.8px"
  body:
    fontFamily: monospace
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  button:
    fontFamily: monospace
    fontSize: 10px
    lineHeight: 1.2
    fontWeight: 700
    letterSpacing: "2px"

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, typographically driven editorial interface for evaluating societal harm.

*A stark social commentary piece presented as a minimal interface.*

## Colors

Strict achromatic palette using near-black on light gray for maximum legibility and starkness.

- **Background (`#F0F0F0`)** — uses `bg` token
- **Primary text (`#0A0A0A`)** — uses `ink` token
- **Secondary text (`#0A0A0A`)** — uses `ink-soft` token
- **Borders (`rgba(10,10,10,1)`)** — uses `line` token

## Typography

- **Display:** didone-serif
- **Body:** monospace
- **Mono:** monospace

## Layout

Centered content column with generous top padding.

*Rhythm:* Consistent 16px vertical rhythm for body text blocks.

## Elevation & Depth

- Borders: None visible.

## Shapes

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

## Components

- **button:** Solid black rectangle with white uppercase text.
- **hero:** Full-screen centered typography block.

## Do's and Don'ts

**Don't:**
- Don't use gradients — screenshot shows solid backgrounds.
- Don't use rounded corners — screenshot shows sharp corners.
- Don't use decorative illustrations — screenshot shows purely typographic elements.
- Don't use multi-column layouts — screenshot shows a single centered column.
- Don't use bright accent colors — screenshot shows only black and gray.
- Don't use sans-serif for headlines — screenshot shows a bold didone serif.

---

## System Prompt (paste into AI agent)

```
Positioned as a stark, serious editorial tool for evaluating societal impact. The palette is strictly achromatic: solid near-black text on a light gray background. Typography relies on a bold didone serif for headlines and a monospace font for body text, creating a focused, text-heavy experience. Key design constraints: absolutely no rounded corners or gradients are used, the layout is strictly single-column centered, and there are no decorative images or bright accent colors. The tone is objective and direct.
```