Design System Analysis · external snapshot

OpenAI Homepage

Un contrato verificable de navegación, prompt conversacional, cards editoriales, productos y responsive behavior observado en openai.com.

Identidad y tokens

El análisis usa documentación neutral para mostrar lienzo, superficie editorial, texto, borde y acento.

canvas
#FFFFFF
surface
#F7F7F5
ink
#0D0D0D
accent
#10A37F
muted
#5D5D5D
border
#D9D9D4

Prompt y escala editorial

hero · 48 / 600
What can I help with?
prompt entry
Message assistant
Ask anything…
Send
metadata · 13 / 500

Product · 18 min read · Jul 30, 2026

focus-visible: 2px accent

Inventario de componentes

Global navigation

Research, Products, Business, Developers, Company y Login.

defaultmenu-opencompact

Prompt entry

Entrada conversacional y destinos de producto.

typingloadingerror

Editorial card

Título, tipo, fecha, tiempo, visual y enlace.

featuredloading

Content section

News, Stories, Research y Business con View more.

defaultempty

Responsive behavior

RangoComportamiento
320–543pxHeader compacto, prompt a una columna, cards apiladas y footer vertical.
544–767pxGrid flexible y navegación que envuelve sin overflow.
768–1011pxHeader regular, prompt amplio y grids de dos columnas.
1012–1279pxContenedor editorial amplio y footer en columnas.
1280px+Más espacio exterior sin estirar la columna de lectura.

Procedencia y validación

La fuente expone navegación por audiencias, prompt, ChatGPT, Research, API Platform, Stories, news, research y business. Productos y enlaces cambian con frecuencia.

✓ PASSED — contrato, tokens JSON, componentes, preview y metadata presentes.

Fuente: OpenAI. Este documento es análisis externo, no documentación oficial.