---
name: Foundry Basement Studio
description: "Worth including as a prime example of brutalist, typography-first design where the product (typefaces) dictates the entire visual language."
version: alpha

colors:
  background: "#000000"
  primary: "#EFEFEF"
  tertiary: "#FF4D00"
  neutral: "#747474"
  bg-soft: "#121212"
  line: "rgba(226, 232, 240, 1.0)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 198px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "0px"
  heading:
    fontFamily: monospace
    fontSize: 120px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "0px"
  body:
    fontFamily: monospace
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.84px"
  caption:
    fontFamily: monospace
    fontSize: 14px
    lineHeight: 1.71
    fontWeight: 400
    letterSpacing: "0.56px"
  micro:
    fontFamily: monospace
    fontSize: 12px
    lineHeight: 1.33
    fontWeight: 400
    letterSpacing: "0.72px"

rounded:
  sm: 2.8px
  md: 6px
  lg: 8px
  pill: 999px

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

---

## Overview

An expressive, brutalist type foundry catalog for designers

*An underground workshop for crafting heavy-duty typefaces*

## Colors

Maximum contrast: pitch black canvas, white text, and a single blazing orange accent

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#EFEFEF`)** — uses `ink` token
- **Accent (`#FF4D00`)** — uses `accent` token
- **Muted (`#747474`)** — uses `muted` token
- **Borders (`rgba(226, 232, 240, 1.0)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** monospace
- **Mono:** monospace

- All text is uppercase
- UI text uses monospace font
- Exaggerated wide display fonts for specimens

## Layout

Persistent left sidebar on desktop, top navigation on mobile

*Rhythm:* Strict vertical spacing with tight padding in UI elements and wide gaps in layout

## Elevation & Depth

- Borders: 1px solid borders, often using muted grays or white

## Shapes

- `sm`: 2.8px
- `md`: 6px
- `lg`: 8px
- `pill`: 999px

## Components

- **button:** Bordered buttons with uppercase monospace text, often using accent colors
- **card:** Dark panels with subtle borders containing type specimens
- **chip:** Bordered rectangular tags with micro typography
- **input:** Minimal, likely hidden in favor of custom UI elements
- **hero:** Full-width, highly expressive typography display with background patterns

## Do's and Don'ts

**Don't:**
- Don't use lowercase text — screenshot shows everything is uppercase
- Don't use soft, pastel colors — screenshot shows high-contrast black, white, and orange
- Don't use sans-serif for UI text — screenshot uses monospace exclusively for navigation and labels
- Don't use thin, delicate fonts — screenshot features heavy, expanded grotesque fonts
- Don't use complex shadows — screenshot relies on flat borders for depth
- Don't use a light background — screenshot uses a deep black or dark gray background

---

## System Prompt (paste into AI agent)

```
Basement Foundry is an expressive, brutalist type foundry catalog featuring a deep black background and a single blazing orange (#FF4D00) accent. Typography is the core of the identity, utilizing heavy grotesque fonts for display and monospace for UI elements, all presented in uppercase. Key colors are black (#000000), dark gray (#121212), white (#EFEFEF), and orange (#FF4D00). Critical design rules include: never use lowercase text, avoid light themes or pastel colors, and never use sans-serif for the UI layer. The layout features a persistent sidebar on desktop and focuses on large, expressive type specimens. Motion is subtle, focusing on 150ms color transitions for interactive elements.
```