OpenAI

OpenAI sets restrained OpenAI Sans headlines on a light bone white canvas. Void (#000000) is reserved for actions, on buttons with 40px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 6.08px, with 9999px and 4px on smaller elements.

openai.com ↗

Colors

Void

#000000

Primary actions and links

Fog

#f1f1f1

Secondary accent and highlights

Bone White

#ffffff

Page canvas

Soft Void

#000000

Headlines and body copy

Type scale

HeadingIntroducing DotsOpenAI Sans · 18px · 500

BodyProductOct 7, 202612 min readOpenAI Sans · 14px · 500

NavResearchOpenAI Sans · 17px · 400

Buttons

Try ChatGPT(opens in a new winEnglishUnited States

Style reference measured from the public page at openai.com on 2026-10-12 for design education. OpenAI and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.

Connect to your AI ↗

# OpenAI — Style Reference
> OpenAI sets restrained OpenAI Sans headlines on a light bone white canvas. Void (#000000) is reserved for actions, on buttons with 40px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 6.08px, with 9999px and 4px on smaller elements.

**Theme:** light · **Source:** https://openai.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted.

## Tokens — Colors

| Name | Value | Token | Role |
|------|-------|-------|------|
| Void | `#000000` | `--color-accent` | Primary actions and links |
| Fog | `#f1f1f1` | `--color-secondary` | Secondary accent and highlights |
| Bone White | `#ffffff` | `--color-canvas` | Page canvas |
| Soft Void | `#000000` | `--color-ink` | Headlines and body copy |

## Typography

| Role | Family | Size | Weight | Line height | Tracking |
|------|--------|------|--------|-------------|----------|
| Heading | OpenAI Sans | 18px | 500 | 1.32 | -0.010em |
| Body | OpenAI Sans | 14px | 500 | 1.40 | 0 |
| Nav | OpenAI Sans | 17px | 400 | 1.65 | -0.010em |

Font families on the page: OpenAI Sans. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence.

## Shape

- Corner radius, most to least used: 6.08px, 9999px, 4px, 40px, 24px
- Primary button: background `#000000`, text `#ffffff`, radius 40px, padding 0px 20px, 14px / 500

More styles from the web

Apple iPhone

Stripe

Linear

Apple

Vercel

Notion

Figma

Framer