---
name: General Type Studio
description: "The site is a prime example of a typography-first design that uses large-scale imagery and text to create a memorable, specimen-like experience."
version: alpha

colors:
  background: "#000000"
  primary: "#ffffff"
  neutral: "#222222"
  line: "rgba(255,255,255,1.0)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 60px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  heading:
    fontFamily: geometric-sans
    fontSize: 43px
    lineHeight: 1.22
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A bold, photographic type foundry portfolio that uses macro-imagery and massive display type.

*A digital specimen sheet that feels like a physical, tactile workshop.*

## Colors

Strict monochrome palette relying on photographic content for color.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#ffffff`)** — uses `ink` token
- **Muted (`#222222`)** — uses `muted` token
- **Borders (`rgba(255,255,255,1.0)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** geometric-sans

- Use large, bold display type for hero sections.
- Use sans-serif for all UI and body text.
- Maintain tight leading for display typography.

## Layout

Full-bleed photographic backgrounds with text overlays.

*Rhythm:* Based on 4px increments with generous padding for sections.

## Elevation & Depth

- Borders: Thin white borders for structural dividers.

## Shapes

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

## Components

- **button:** Text-based buttons with hover transitions.
- **card:** None; relies on typography and photography.
- **chip:** None.
- **input:** None.
- **hero:** Full-screen image with large typographic overlay.

## Do's and Don'ts

**Don't:**
- don't use serif fonts for UI — screenshot shows geometric sans.
- don't use a colorful palette — screenshot shows strict monochrome.
- don't hide content behind complex navigation — screenshot shows clear, direct links.
- don't use rounded corners on cards — screenshot shows sharp edges.
- don't use subtle drop shadows — screenshot shows flat, graphic contrast.
- don't use small, cramped typography — screenshot shows large, expressive type.

---

## System Prompt (paste into AI agent)

```
General Type Studio is a type foundry website characterized by large, expressive typography and full-bleed photographic backgrounds. The design uses a strict monochrome palette of white on black (#000000, #ffffff). Typography is primarily geometric sans-serif, used at massive scales for hero sections. Key characteristics include full-viewport layouts, minimal UI elements, and a focus on the type specimens themselves. Critical donts: avoid serif fonts for UI, avoid colorful palettes, and avoid subtle decorative elements. The overall feel is bold, experimental, and visually driven.
```