---
name: Antinomy Studio
description: "This site is worth including as a premier example of 'restrained' agency portfolio design, where typography and whitespace are the primary tools for establishing authority and a premium brand identity"
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#000000"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 54px
    lineHeight: 1.05
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: geometric-sans
    fontSize: 24px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "-0.8px"
  caption:
    fontFamily: geometric-sans
    fontSize: 12px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A minimalist, typography-forward portfolio site for a global creative studio.

*A refined digital gallery for a high-end creative studio.*

## Colors

Absolute monochrome baseline with high-contrast text and photography-driven color.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#000000`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

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

- All text uses ABC Diatype (geometric-sans)
- Uppercase for navigation and small labels
- Heavy negative letter-spacing for display sizes

## Layout

Full-width hero with centered text, followed by a two-column project grid.

*Rhythm:* Generous whitespace between sections to let photography and typography breathe.

## Elevation & Depth

- Borders: No visible borders or rounded corners; purely flat, edge-to-edge imagery.

## Shapes

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

## Components

- **button:** Minimal or absent; interactions are primarily link-based.
- **card:** Edge-to-edge project images with centered uppercase text below.
- **hero:** Large, centered typography on white background, transitioning into a full-width hero image.

## Do's and Don'ts

**Don't:**
- Don't use rounded corners — the site uses sharp, 0px radius edges.
- Don't use drop shadows — the UI is entirely flat with no depth effects.
- Don't use complex background colors — the site relies almost exclusively on solid white.
- Don't use decorative fonts — the system uses a single geometric sans-serif family.
- Don't clutter the layout — the design prioritizes massive amounts of negative space.
- Don't use multi-colored buttons — there are no visible high-chroma UI components.

---

## System Prompt (paste into AI agent)

```
This is a portfolio site for Antinomy, a global creative studio. It uses a highly refined, minimalist aesthetic centered on a single geometric sans-serif font (ABC Diatype) and a strict black-and-white color palette (#000000 ink on #FFFFFF background). The layout is characterized by massive negative space, centered display typography with heavy negative letter-spacing, and full-bleed project photography. Key critical donts: never use rounded corners, never add drop shadows, and never introduce complex background colors. The site is a masterclass in restraint and typography-led design.
```