Stylepack

Schriften

Die Schriften von openai.com

openai.com setzt Überschriften und Fließtext in OpenAI Sans. OpenAI Sans ist eine lizenzierte Schrift, die die Seite selbst ausliefert. Die nächste freie Alternative auf Google Fonts: Inter.

vor 4 Tagen auf openai.com gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

1 Schriftfamilie
OpenAI Sans
Verwendet für
h2, button, body, label
Quelle
Selbst gehostet
Freie Alternative
Inter

CSS zum Nachbauen

Schrift-Variablen mit der freien Alternative im Font-Stack, damit dasselbe CSS mit und ohne die lizenzierte Schrift funktioniert.

:root {
  --font-heading: "OpenAI Sans", "Inter", sans-serif; /* Inter stands in for OpenAI Sans */
  --font-body: "OpenAI Sans", "Inter", sans-serif; /* Inter stands in for OpenAI Sans */
  --font-size-base: 14px;
}

So ist der Text gesetzt

headline-displayQuick brown foxOpenAI Sans / 48px / 500 / lh 1.4
headline-lgQuick brown foxOpenAI Sans / 13px / 500 / lh 19.68px
headline-mdQuick brown foxOpenAI Sans / 24px / 500 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogOpenAI Sans / 14px / 500 / lh 19.6px
label-mdThe quick brown fox jumps over the lazy dogOpenAI Sans / 16px / 400 / lh 24px / -0.16px
buttonThe quick brown fox jumps over the lazy dogOpenAI Sans / 13px / 500 / lh 19.68px
Verwendete Schriftgrößen
131417182248

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

curl -s https://stylepack.ai/packs/openai.com/DESIGN.md

Fragen

Welche Schrift benutzt openai.com?

openai.com nutzt OpenAI Sans. Überschriften sind in OpenAI Sans gesetzt, Fließtext in OpenAI Sans, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von openai.com frei nutzbar?

Nein. OpenAI Sans ist eine lizenzierte Schrift, die openai.com selbst ausliefert. Die nächste freie Alternative ist Inter, verfügbar auf Google Fonts. Das CSS auf dieser Seite setzt sie als Ersatz in den Font-Stack.

Wie bekomme ich dieselbe Typografie wie openai.com in mein Projekt?

Lade das Designpaket von openai.com bei Stylepack herunter: Es enthält den Font-Stack, die Schriftskala, jeden Textstil und die Screenshots, in einer Form, aus der ein KI-Coding-Agent wie Claude Code oder Cursor bauen kann.