OpenAI

openai.com6 colors5 componentsOpenAI SansMulti-page · 4 screens

We believe our research will eventually lead to artificial general intelligence, a system that can solve human-level problems.

Remix Visit

Remix

Visit

4 screenshots captured· openai.com

1 / 4 · OpenAI | Research & Deployment · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Design tokens

Extracted from openai.com

Primary

#000000

Primary CTA, brand accent, active state; Headings / primary text

Neutral

#FFFFFF

Default page background; label colour on brand surfaces

#F1F1F1

Alternating section band

#E5E7EB

Neutral

#333333

Neutral

#1F1F1F

Neutral

Typography · OpenAI Sans

button14px · 500 · 14px

h248px · 500 · 55.68px

body14px · 500 · 19.6px

link13px · 500 · 19.68px

label17px · 400 · 27.999px

body18px · 500 · 23.76px

heading22px · 500 · 27.72px

input16px · 400 · 24px

body14px · 400 · 22.96px

heading28px · 600 · 34px

h164px · 500 · 64px

h330px · 500 · 39.6px

input14px · 400 · 22.96px

Spacing

32px

24px

16px

48px

20px

8px

12px

80px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.04) 0px 3px 6px 0px, rgba(0, 0, 0, 0.04) 0px 4px 80px 8px, rgba(0, 0, 0, 0.62) 0px 0px 1px 0px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.02) 0px 4px 6px 0px, rgba(0, 0, 0, 0.05) 0px 0px 2px 0px

Components · 5

Remixes of OpenAI

Latest remixes

No public remixes yet. Be the first to make one.

Remix it