---
name: Mad Ac
description: "Worth including for its radical commitment to typography and custom iconography, proving that a strictly monochrome palette can still feel deeply expressive and forward-thinking."
version: alpha

colors:
  background: "#F4F5F5"
  primary: "#111313"
  secondary: "#4B5353"
  neutral: "#D8DCDC"
  line: "rgba(17, 19, 19, 0.1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 560
    letterSpacing: "-0.5px"
  headline:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.1
    fontWeight: 500
    letterSpacing: "-0.4px"
  body:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-0.32px"

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 high-contrast, expressive creative studio identity driven by bold typography and experimental iconography.

*An avant-garde design studio that merges bold artistic expression with structured systems thinking.*

## Colors

A highly restrained, achromatic palette that relies entirely on high-contrast ink and negative space to direct focus.

- **Background (`#F4F5F5`)** — uses `bg` token
- **Primary text (`#111313`)** — uses `ink` token
- **Secondary text (`#4B5353`)** — uses `ink-soft` token
- **Muted (`#D8DCDC`)** — uses `muted` token
- **Borders (`rgba(17, 19, 19, 0.1)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans
- **Mono:** monospaced

- Use tight tracking (-0.32px) for body and navigation text
- Maintain a uniform weight of 500 for primary text hierarchy
- Ensure generous vertical spacing to balance the dense typographic weight

## Layout

A minimalist, center-aligned layout for the primary navigation, transitioning to a stacked card-based system for content.

*Rhythm:* A loose, spacious rhythm that allows large graphic elements to breathe while maintaining tight internal padding on cards.

## Elevation & Depth

- Borders: 1px solid rgba(17, 19, 19, 0.1)

## Shapes

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

## Components

- **button:** Minimal text links, often uppercase, with subtle hover state changes.
- **card:** High-contrast containers with a light border, padding of 16px, and a small border radius of 8px.
- **chip:** Small, uppercase text tags with a subtle background or border.
- **input:** Minimalist text inputs with a clean border and no heavy background.
- **hero:** A massive, expressive graphic element paired with bold, tightly tracked typography.

## Do's and Don'ts

**Don't:**
- Don't use a multi-colored palette — screenshot shows a strict black-and-white achromatic scheme.
- Don't use heavy drop shadows — screenshot shows elements defined by clean borders and negative space.
- Don't use thin, delicate typography — screenshot shows a bold, heavy humanist-sans with tight tracking.
- Don't use generic icons — screenshot features highly expressive, custom-drawn organic shapes.
- Don't use wide, loose letter-spacing — screenshot shows tight, condensed tracking (-0.32px).
- Don't use a dense, cluttered grid — screenshot shows a highly spacious, center-aligned minimalist layout.

---

## System Prompt (paste into AI agent)

```
This site represents a radical creative studio identity, defined by a high-contrast, achromatic palette (ink #111313 on background #F4F5F5) and bold, tightly tracked humanist-sans typography. The design relies on large expressive graphics and generous negative space rather than color or decoration. Key constraints include maintaining a strict black-and-white scheme, using heavy weights (500+) for all text, and avoiding generic icons or heavy shadows. Always prioritize bold typography and custom, organic iconography over standard UI patterns. Do not introduce color accents, as the design relies entirely on high-contrast form.
```