OpenAI is the research and deployment company working toward artificial general intelligence that benefits all of humanity. Its style matches that restraint: a true white canvas over deep teal-black ink (#0d0d0d), Söhne and Inter held at modest weights (400–600), Signifier serif for editorial headlines, soft 8–12px radii with 9999px pills, sparse hairline borders (#e5e5e5), and whitespace as the primary divider.
AIEditorial
Prompt Template
Base Template
Design a OpenAI-inspired interface. - True white canvas (#ffffff) with deep teal-black ink (#0d0d0d); - Söhne / Inter at modest weights (400, 500, 600) — restraint over assertion; - Signifier serif for editorial display headlines; - Soft 8–12px radii everywhere; 9999px pills for chips; - Hairline borders (#e5e5e5) used sparingly; whitespace as primary divider. Colors: #ffffff, #0d0d0d, #1a1a1a, #fafafa with #10a37f accent. Typography: - Background:.
Variant Prompts
📱 Mobile
Design a mobile app with OpenAI aesthetics. Use OpenAI color identity with #10a37f accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with OpenAI style. Use OpenAI color identity with #10a37f accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with OpenAI design language. Use OpenAI color identity with #10a37f accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with OpenAI visual identity. Use OpenAI color identity with #10a37f accents. Compelling, conversion-focused.
Usage Examples
OpenAI App
WebBuild a web app with OpenAI design language and #10a37f color system.
OpenAI Dashboard
DashboardCreate a dashboard using OpenAI style with data visualization and - Background: typography.
✅ Best For
- AI
- AI product sites and research pages
- Restrained premium interfaces
❌ Avoid For
- High-saturation colorful creative tools
- Busy operational back offices
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.