OpenAI は汎用人工知能の研究と展開に取り組む企業で、その使命は AGI を全人類の利益のために役立てることです。UI スタイルはこの抑制感と調和します。純白のキャンバスに深い青黒の文字（#0d0d0d）、Söhne／Inter はウェイト 400〜600 の穏やかな範囲のみを使い、Signifier のセリフ体がエディトリアルな大見出しを担います。角丸は柔らかく（8〜12px、ピル型は 9999px）、ヘアラインのボーダー（#e5e5e5）は控えめに留め、豊かな余白そのものが最良の区切り線です。AI プロダクトとエディトリアルなコンテンツ UI に適しています。
OpenAIAI・大規模モデル
プロンプトテンプレート
基本テンプレート
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:.
バリエーションプロンプト
📱 モバイル
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.
📊 ダッシュボード
Design a dashboard with OpenAI design language. Use OpenAI color identity with #10a37f accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with OpenAI visual identity. Use OpenAI color identity with #10a37f accents. Compelling, conversion-focused.
使用例
OpenAI アプリ
WebBuild a web app with OpenAI design language and #10a37f color system.
OpenAI ダッシュボード
ダッシュボードCreate a dashboard using OpenAI style with data visualization and - Background: typography.
✅ 適した用途
- AI
- AI プロダクトの公式サイトと研究ページ
- 抑制の効いた高級感が必要な UI
❌ 適さない用途
- 高彩度で多色のクリエイティブツール
- 情報階層が複雑な運用管理画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。