---
name: Philosophicalfoxes
description: "This site is worth including as a prime example of how retro-gaming aesthetics (pixel art, monospaced type) can be elevated into a premium, editorial experience."
version: alpha

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

typography:
  display:
    fontFamily: monospaced
    fontSize: 27.936px
    lineHeight: 1.14
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: monospaced
    fontSize: 14.4px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A premium pixel-art editorial experience exploring philosophical themes through a digital gallery.

*A digital gallery blending classical architecture with retro-gaming aesthetics to tell modern fables.*

## Colors

Stark high-contrast dualism: warm, parchment-like beige for the pixel-art gallery and deep black for the typographic interludes.

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

## Typography

- **Display:** monospaced
- **Body:** monospaced
- **Mono:** monospaced

- All text is uppercase for headings and frequently for body labels.
- Monospaced typography is used exclusively across all text levels.
- Letter-spacing is generally neutral or slightly loose.

## Layout

A clean, grid-based layout where large hero images and text blocks are separated by thin black lines.

*Rhythm:* Generous padding and gaps prioritize legibility and breathing room around the pixel art elements.

## Elevation & Depth

- Borders: 1px solid black, used to frame the gallery sections and cards.

## Shapes

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

## Components

- **button:** Pill-shaped buttons with monospaced text and solid black backgrounds.
- **card:** Framed content blocks with thin borders and rounded corners.
- **chip:** None visible.
- **input:** None visible.
- **hero:** A large, immersive pixel-art illustration depicting a classical scene with modern elements.

## Do's and Don'ts

**Don't:**
- Don't use smooth, rounded UI components — screenshot shows sharp, pixel-art aesthetics and thin geometric borders.
- Don't use sans-serif fonts — screenshot shows monospaced fonts exclusively for all text.
- Don't use a white background — screenshot shows a warm, off-white parchment color (#F6F2E4) or pure black.
- Don't use a vibrant accent color — screenshot shows a strictly monochromatic palette of black and beige.
- Don't use complex drop shadows — screenshot shows completely flat design with only solid borders.
- Don't mix serif and sans-serif typefaces — screenshot maintains a strict monospaced typographic system.

---

## System Prompt (paste into AI agent)

```
This website presents a premium, editorial experience centered around a pixel-art gallery that explores philosophical themes. It utilizes a stark, dualistic color palette of warm parchment (#F6F2E4) and deep black (#000000), creating a high-contrast visual language. The typography is strictly monospaced, with all text frequently presented in uppercase to match the retro-gaming, pixel-art aesthetic. Critical design constraints include avoiding any use of serif or sans-serif fonts, steering clear of vibrant accent colors, and ensuring all UI components remain flat without the use of drop shadows. The layout is structured and grid-based, providing ample whitespace to frame the detailed pixel-art illustrations.
```