Skip to content
Library

OpenAI. Research lab notebook at noon.

  • AI
  • Light theme
  • 5 colors
  • 1 typeface

OpenAI's interface operates as a typographic, editorial canvas — pure white surfaces, near-black type, and almost no chromatic identity. The system is defined by restraint: the only filled element on the page is the black 'Try ChatGPT' button, which functions as a single period at the end of an otherwise monochrome sentence. Hairline borders at 12% black opacity create structure without weight; cards carry a barely-perceptible 6px radius that whispers geometry rather than announcing it. Typography does the heavy lifting: a custom sans (OpenAI Sans) set at a Major Second scale with progressively tighter tracking — -0.03em at display, normal at body — gives headlines a compressed, almost newsprint authority. Components feel deliberately lightweight: pill-shaped controls, ghost buttons, transparent surfaces, and minimal elevation. The visual mood is 'research lab notebook' — quiet, confident, and trusting the reader to focus on content rather than chrome.

Screenshot of OpenAI
Captured from openai.com on October 11, 2026

OpenAI design system

OpenAI

Brand1

  • Primary text, filled action button (Try ChatGPT), strongest interactive emphasis — the single period of chromatic punctuation in an otherwise achromatic system

Neutrals4

  • Muted captions, helper text, and de-emphasized UI labels.

  • Tertiary text, disabled states, icon strokes, placeholder text — the dimmest readable voice

  • Subtle surface elevation, hover states, language selector background — a barely-visible plane shift from Paper

  • Page canvas, card surfaces, input fills — the infinite background that lets type and imagery carry all weight

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper on Obsidian

21.00 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.