SpaceX は先進的なロケットと宇宙船を設計、製造、打ち上げています。その UI はほとんど不可視です。純黒のキャンバスには全画面の映画級の映像だけが置かれ、D-DIN のインダストリアル書体はすべて大文字で正のトラッキング（0.96〜1.17px）を使用し、文字はほぼ白の微かな青紫（#f0f0fa）です。シャドウもカードもコンテナも存在せず、すべては映像に道を譲ります。宇宙、工業、極限の映像ナラティブ系 UI に適しています。
SpaceXメディアと消費
プロンプトテンプレート
基本テンプレート
Design a SpaceX-inspired interface. - Pure black canvas with full-viewport cinematic photography — the interface is invisible; - D-DIN / D-DIN-Bold — industrial DIN-heritage typeface; - Universal uppercase + positive letter-spacing (0.96px–1.17px) — aerospace stencil aesthetic; - Near-white spectral text (#f0f0fa) — not pure white, a slight blue-violet tint; - Zero shadows, zero cards, zero containers — text on image only. Colors: #000000, #f0f0fa.
バリエーションプロンプト
📱 モバイル
Design a mobile app with SpaceX aesthetics. Use SpaceX color identity with #000000 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with SpaceX style. Use SpaceX color identity with #000000 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with SpaceX design language. Use SpaceX color identity with #000000 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with SpaceX visual identity. Use SpaceX color identity with #000000 accents. Compelling, conversion-focused.
使用例
SpaceX アプリ
WebBuild a web app with SpaceX design language and brand color system.
SpaceX ダッシュボード
ダッシュボードCreate a dashboard using SpaceX style with data visualization and modern typography.
✅ 適した用途
- コンシューマー製品
- 宇宙テクノロジーの公式サイト
- 全出血映像のナラティブ
❌ 適さない用途
- 日常的な EC 小売
- 軽量なフォームツール
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。