xAI は Elon Musk が創業した人工知能企業で、「宇宙の真の本質を理解する」ことに取り組み、Grok アシスタントを擁します。スタイルは純粋なモノクロのミニマリズムです。ダークテーマには #1f2228 の背景と #ffffff の文字という両極だけがあり、グレーの中間領域は存在しません。GeistMono は 320px のサイズでウェイト 300 を使い、等幅フォントを奢侈品的に扱います。ボタンは大文字の等幅に 1.4px のトラッキング、本文は universalSans が担当し、シャドウもグラデーションも彩色もゼロです。AI プロダクトと未来的なミニマル UI に適しています。
xAIAI・大規模モデル
プロンプトテンプレート
基本テンプレート
Design a xAI-inspired interface. - Pure dark theme: #1f2228 background with #ffffff text -- no gray middle ground; - GeistMono at extreme display sizes (320px, weight 300) -- monospace as luxury; - Uppercase monospace buttons with 1.4px letter-spacing -- technical, commanding; - universalSans for body text at 16px/1.5 and headings at 30px/1.2 -- clean contrast; - Zero decorative elements: no shadows, no gradients, no colored accents. Colors: #ffffff, #1f2228, #000000. Typography: - Background:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with xAI aesthetics. Use xAI color identity with #ffffff accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with xAI style. Use xAI color identity with #ffffff accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with xAI design language. Use xAI color identity with #ffffff accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with xAI visual identity. Use xAI color identity with #ffffff accents. Compelling, conversion-focused.
使用例
xAI アプリ
WebBuild a web app with xAI design language and brand color system.
xAI ダッシュボード
ダッシュボードCreate a dashboard using xAI style with data visualization and - Background: typography.
✅ 適した用途
- AI
- ミニマルで未来的な AI プロダクト
- 純粋なモノクロのブランド展示
❌ 適さない用途
- 温かみのある手仕事系ライフスタイル製品
- 複雑で多彩な運用管理画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。