OpenAI fonts and type scale
OpenAI's website sets both headings and body text in Open AI Sans. Body text is 14px, section headings 21px and the largest display type 28px, at weight 600. If you can't use Open AI Sans, ask your AI for the closest free match and keep the sizes and weights.
OpenAI color codes
| Canvas | #FFFFFF | the page background |
|---|
| Text | #000000 | primary text |
|---|
| Button | #000000 | primary buttons, with #FFFFFF text |
|---|
How do I build a site that looks like OpenAI with AI?
Open the Prompt tab above, change its first line to what you are building, and paste it into Lovable, v0, Bolt, Claude Code or Cursor. For a whole project, install the Claude skill or the Cursor rule instead, so every screen keeps the style. Build something original: keep OpenAI's look, not its name, logo or copy.
More designs
Or open the full OpenAI report, or read any other site on Siteprint.
Measured from openai.com's live page as a browser renders it, at 1440px wide, with the Siteprint extension's scanner, on 25 October 2026. Siteprint is not affiliated with OpenAI; names and trademarks belong to their owners.