---
name: OpenAI
description: "A masterclass in minimalist AI interface design, using absolute restraint and typography to build trust and authority without visual noise."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  secondary: "rgba(0,0,0,0.6)"
  neutral: "rgba(0,0,0,0.44)"
  bg-soft: "#F1F1F1"
  muted-soft: "rgba(0,0,0,0.12)"
  line: "rgba(0,0,0,0.12)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.1
    fontWeight: 500
    letterSpacing: "-1.5px"
  heading:
    fontFamily: humanist-sans
    fontSize: 22px
    lineHeight: 1.3
    fontWeight: 500
    letterSpacing: "-0.2px"
  body:
    fontFamily: humanist-sans
    fontSize: 17px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "-0.17px"
  caption:
    fontFamily: humanist-sans
    fontSize: 13px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "-0.16px"

rounded:
  sm: 4px
  md: 6px
  lg: 12px
  pill: 9999px

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

---

## Overview

Minimalist monochrome interface with a stark black-and-white palette, generous whitespace, and clean sans-serif typography.

*A clean, minimalist research lab that is approachable yet authoritative.*

## Colors

Stark monochrome with absolute zero color accent, relying purely on high-contrast black and white.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`rgba(0,0,0,0.6)`)** — uses `ink-soft` token
- **Muted (`rgba(0,0,0,0.44)`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.12)`)** — uses `line` token

## Typography

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

## Layout

Centered content with generous margins, often floating above full-bleed background elements.

*Rhythm:* The design relies heavily on generous whitespace and vertical padding (up to 96px) to create a breathable, premium feel.

## Elevation & Depth

- rgba(0, 0, 0, 0.05) 0px 0px 2px 0px
- rgba(0, 0, 0, 0.04) 0px 3px 6px 0px
- Borders: 1px solid rgba(0,0,0,0.12)

## Shapes

- `sm`: 4px
- `md`: 6px
- `lg`: 12px
- `pill`: 9999px

## Components

- **button:** Pill-shaped primary actions with high contrast black background and white text, or outlined secondary pills with rounded borders.
- **card:** Clean imagery with minimal borders or shadows, often accompanied by simple, left-aligned typography.
- **chip:** Small, pill-shaped tags with light borders and rounded corners used for categorization.
- **input:** A large, prominent text area with rounded corners and subtle borders, designed to focus user attention.
- **hero:** A minimalist, text-heavy section with a massive headline and a central interactive input field.

## Do's and Don'ts

**Don't:**
- Don't use bright, saturated colors — screenshot shows a strictly monochrome black-and-white palette.
- Don't use heavy shadows or depth — screenshot shows only very subtle, almost invisible shadows.
- Don't use decorative or script fonts — screenshot shows a clean, modern humanist sans-serif.
- Don't use sharp, square corners — screenshot shows consistently rounded corners on all UI elements.
- Don't add complex gradients or textures — screenshot shows flat, solid color backgrounds.
- Don't crowd the layout with elements — screenshot shows extreme generous use of whitespace and centered alignment.

---

## System Prompt (paste into AI agent)

```
The site is the primary web interface for OpenAI, positioning itself as an authoritative yet highly accessible gateway to advanced AI. The visual DNA is strictly minimalist and premium, defined by a stark monochrome palette (#FFFFFF background, #000000 ink, and rgba(0,0,0,0.6) for soft text). Typography relies entirely on a clean, modern humanist-sans-serif (OpenAI Sans) with careful, tight letter-spacing. Critical layout characteristics include extreme generous whitespace, centered columns, and subtle, almost invisible borders (rgba(0,0,0,0.12)) and shadows. The UI favors soft, rounded elements over sharp corners, particularly on buttons and input fields. Critical donts: Do not introduce any high-chroma accent colors into the core layout; avoid decorative or complex serif fonts; and never crowd the interface, as the breathing room is essential to its premium feel.
```