---
name: Climatecatastrophepack
description: "A prime example of using extreme typography and high contrast to convey a satirical, urgent message for a product launch."
version: alpha

colors:
  background: "#000000"
  primary: "#000000"
  tertiary: "#FF4034"
  neutral: "#E4E4D8"
  bg-quiet: "#E4E4D8"
  line: "rgba(255, 64, 52, 1)"

typography:
  display:
    fontFamily: condensed-sans
    fontSize: 201.6px
    lineHeight: 0.85
    fontWeight: 800
    letterSpacing: "-2px"
  h1:
    fontFamily: humanist-sans
    fontSize: 40px
    lineHeight: 1.0
    fontWeight: 800
    letterSpacing: "-1px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 4px
  md: 8px
  lg: 12px
  pill: 2520px

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

---

## Overview

Bold, irreverent product launch page using high-contrast typography and urgent red accents on a dark canvas.

*A satirical emergency broadcast system for a product launch.*

## Colors

High-contrast duotone with a stark black base and a singular, urgent red accent.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#FF4034`)** — uses `accent` token
- **Muted (`#E4E4D8`)** — uses `muted` token
- **Borders (`rgba(255, 64, 52, 1)`)** — uses `line` token

## Typography

- **Display:** condensed-sans
- **Body:** humanist-sans

## Layout

centered-column

*Rhythm:* generous

## Elevation & Depth

- rgba(0, 0, 0, 0.17) 0px 4.18px 8.36px 0px
- Borders: 2px solid

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 12px
- `pill`: 2520px

## Components

- **button:** pill-shaped with bold condensed text
- **card:** no visible cards
- **chip:** no visible chips
- **input:** no visible inputs
- **hero:** massive condensed text on a dark background with concentric red rings and hazard icons

## Do's and Don'ts

**Don't:**
- don't use subtle gradients — screenshot shows flat, high-contrast black and red
- don't use delicate serif fonts — screenshot shows massive condensed sans-serif headlines
- don't use soft shadows — screenshot shows hard edges and flat UI elements
- don't use wide letter-spacing — screenshot shows tightly tracked condensed type
- don't use a muted color palette — screenshot shows stark black, off-white, and vivid red
- don't use rounded rectangles — screenshot shows pill shapes and hard edges

---

## System Prompt (paste into AI agent)

```
Design an irreverent, high-contrast product launch page for a satirical card game pack. Use a stark black background (#000000) and off-white (#E4E4D8) for text and surfaces, with a single high-chroma red accent (#FF4034) for urgency. Typography must be dominated by massive, condensed sans-serif display fonts (800 weight) for headlines and a clean humanist-sans for body text. Do not use soft shadows, subtle gradients, or wide letter-spacing. The layout should be centered with generous padding and a clear vertical rhythm. Use pill-shaped buttons and hazard-themed iconography. Critically avoid polite or corporate tones; the design must feel bold, chaotic, and intentionally overwhelming.
```