Home
DESIGN.mdStar on GitHub
Copied!

OpenAI

Our mission is to ensure that artificial general intelligence benefits all of humanity.

Feb 2025
First full rebrand
OpenAI Sans
ABC Dinamo typeface
Black + White
Primary brand colors
Colors
Primary — Monochrome
Black
#000000
Wordmark, dark surfaces
White
#FFFFFF
Page, openness
Cod Gray
#080808
Supporting near-black
Accent — ChatGPT / Interactive
OpenAI Green
#10A37F
Product accent, CTAs
Green Light
#19C37D
Hover, dark-mode lift
Green Dark
#0D8C6C
Pressed states
Surfaces — Dark (product)
Page
#0D0D0D
App background
Surface
#171717
Sidebar
Elevated
#212121
Thread
Raised
#303030
Composer
Text & Semantic
Text Secondary
#5D5D5D
Muted copy (light)
Text Muted
#8E8EA0
Captions, labels
Error
#EF4444
Destructive, errors
Warning
#F59E0B
Rate limits, caution
Typography — Sora ≈ OpenAI Sans · Inter · JetBrains Mono
display
Introducing GPT-4o
40px600Sora
h2
Build with the OpenAI API
28px600lh 1.2
h3
Responses API
20px600lh 1.3
body
The OpenAI API provides a simple interface to state-of-the-art models for text generation, reasoning, vision, and structured output.
16px400Inter
caption
Requests are billed per input and output token.
12px400lh 1.5
mono
client.responses.create(model="gpt-4o")
14pxmono400
Signature — Playground
temp1.0
System
You are a helpful assistant.
User
Explain quantum computing in one sentence.
Assistant
Ctrl + ⏎ to run
Components
Buttons
Inputs
Badges
Streaming 128k context Vision Function calling gpt-4o
Message Thread
User
Summarize this in 3 bullet points.
Assistant
Here are the three key points from the passage…
Guardrails
DO
Lead with the wordmark and give it the prescribed clear space
Keep the palette monochrome — black and white are the primary brand colors
Use the Blossom on its own, rendered in a single flat color
Reserve OpenAI green for ChatGPT product surfaces and interactive states
Set headlines in OpenAI Sans, or the closest geometric fallback
DON'T
Don't lock the Blossom up beside the wordmark
Don't recolor, gradient, stretch, or rotate the wordmark or Blossom
Don't treat green as the corporate brand color — it's a ChatGPT accent since 2025
Don't reintroduce the pre-2025 Söhne typography as the brand voice
Don't place the logo on low-contrast or busy backgrounds