---
name: Wrdlss Club
description: "A unique intersection of brutalist web design and generative ASCII art, demonstrating extreme restraint in visual language while maintaining artistic expression"
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  line: "rgba(229,231,235,1.0)"

typography:
  display:
    fontFamily: monospace
    fontSize: 48px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: monospace
    fontSize: 16px
    lineHeight: 1.15
    fontWeight: 100
    letterSpacing: "0px"

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

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

---

## Overview

An interactive ASCII art playground that responds to user presence and interaction.

*A hacker's terminal that doubles as an artistic canvas*

## Colors

Strict monochrome, high-contrast black on white

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Borders (`rgba(229,231,235,1.0)`)** — uses `line` token

## Typography

- **Display:** monospace
- **Body:** monospace
- **Mono:** monospace

- All text is monospaced, creating a strict grid-based alignment
- Light font weights (100) are used extensively for the primary content
- All-caps transformation is applied to UI elements

## Layout

Single-column full-width layout for ASCII canvas

*Rhythm:* Monospace characters establish an inherent typographic grid

## Elevation & Depth

- Borders: 1px solid rgb(229,231,235)

## Shapes

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

## Components

- **button:** Minimal uppercase text buttons with pointer cursor
- **card:** ASCII art elements acting as visual blocks
- **chip:** Metadata tags enclosed in brackets like [CHROME 131.0.0.0]
- **input:** None visible
- **hero:** Large-scale generative ASCII art field

## Do's and Don'ts

**Don't:**
- Don't use colorful gradients — screenshot shows strict black and white
- Don't use serif fonts — screenshot shows monospace throughout
- Don't add drop shadows — screenshot shows completely flat surfaces
- Don't use heavy font weights — screenshot shows weight 100 dominant
- Don't add rounded UI elements — screenshot shows sharp geometric forms
- Don't use colorful accents — screenshot shows no accent color

---

## System Prompt (paste into AI agent)

```
A minimalist, brutalist digital canvas that uses ASCII art as its primary visual language. The design is strictly monochromatic, relying on a black (#000000) and white (#FFFFFF) palette with subtle light gray borders. Typography is exclusively monospaced, using light font weights (100) and uppercase transformations for UI elements. The layout is a single-column full-width container that prioritizes the generative ASCII artwork. Interactive elements are minimal, using bracket-enclosed metadata tags. The site functions as both an artistic statement and a technical playground, tracking user interactions like clicks and long presses. Critical constraints include avoiding all color, maintaining strict monospace typography, and preserving the raw, terminal-inspired aesthetic. The system tracks user presence and interaction metrics, displaying them as bracketed data points in the UI.
```