---
name: Foundation
description: "This site is an excellent example of a restrained, editorial design system focused purely on conveying a direct and sincere message through typography and space."
version: alpha

colors:
  background: "#000000"
  primary: "#EDEDED"
  tertiary: "#FFD400"
  neutral: "#8A8A8A"
  line: "rgba(237, 237, 237, 0.25)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-2px"
  body:
    fontFamily: humanist-sans
    fontSize: 20px
    lineHeight: 1.65
    fontWeight: 400
    letterSpacing: "normal"
  caption:
    fontFamily: humanist-sans
    fontSize: 11.52px
    lineHeight: 1.65
    fontWeight: 400
    letterSpacing: "2.5344px"

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

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

---

## Overview

A sincere, typographically-driven shutdown notice with a restrained, monochromatic design.

*A plain-spoken open letter.*

## Colors

High-contrast monochromatic palette with minimal, sparing use of a single warm accent.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#EDEDED`)** — uses `ink` token
- **Accent (`#FFD400`)** — uses `accent` token
- **Muted (`#8A8A8A`)** — uses `muted` token
- **Borders (`rgba(237, 237, 237, 0.25)`)** — uses `line` token

## Typography

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

- Uppercase and widely tracked for small labels like dates and footer text.
- Tight tracking and heavy weight for prominent display headlines.
- Generous paragraph spacing to maintain a calm reading rhythm.

## Layout

A narrow, single-column centered layout optimized for readability.

*Rhythm:* Consistent vertical rhythm with generous whitespace to emphasize the text.

## Elevation & Depth

- inset 0 0 2px 0 rgba(0, 0, 0, 0.03)
- Borders: Subtle 1px borders using a semi-transparent white or light grey.

## Shapes

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

## Components

- **button:** Minimal pill-shaped buttons with subtle borders.
- **card:** Bordered containers with minimal padding, used for embedded social posts.
- **hero:** A stark, full-width hero containing only a centered, large-scale headline and a small date.

## Do's and Don'ts

**Don't:**
- Don't use complex layouts — screenshot shows a single-column, highly focused reading layout.
- Don't use a wide variety of colors — screenshot shows a strictly monochromatic palette with one accent.
- Don't use serif or highly decorative fonts — screenshot shows a clean, neutral humanist sans-serif.
- Don't use dense, compact spacing — screenshot shows generous whitespace between paragraphs.
- Don't use heavy borders or drop shadows — screenshot shows only very subtle, semi-transparent borders.
- Don't center all body text — screenshot shows left-aligned body text within a centered container.

---

## System Prompt (paste into AI agent)

```
This system documents a minimalist, editorial design system for the Foundation app's announcement pages. The identity is direct, transparent, and community-focused, utilizing a stark, monochromatic palette: solid black (#000000) backgrounds with off-white (#EDEDED) text and muted grey (#8A8A8A) accents. A single, sparingly used warm yellow (#FFD400) serves as a high-chroma accent. The typography relies on a clean, neutral humanist-sans-serif with a clear hierarchy of tracked uppercase labels and tight, heavy display headlines. The layout is a narrow, centered single-column optimized purely for reading. Critical don'ts: avoid using multiple bright colors, avoid complex multi-column layouts, and avoid using overly decorative or serif typefaces. The design prioritizes calm readability and sincere, direct communication.
```