SpaceX designs, manufactures, and launches advanced rockets and spacecraft. Its interface almost disappears: on pure black only full-viewport cinematic imagery remains, D-DIN runs uppercase with positive tracking, text is near-white with a blue-violet tint (#f0f0fa), and there are no shadows or cards. Built for imagery-first storytelling.
ConsumerBold
Prompt Template
Base Template
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.
Variant Prompts
📱 Mobile
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.
📊 Dashboard
Design a dashboard with SpaceX design language. Use SpaceX color identity with #000000 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with SpaceX visual identity. Use SpaceX color identity with #000000 accents. Compelling, conversion-focused.
Usage Examples
SpaceX App
WebBuild a web app with SpaceX design language and brand color system.
SpaceX Dashboard
DashboardCreate a dashboard using SpaceX style with data visualization and modern typography.
✅ Best For
- Consumer
- Aerospace technology websites
- Full-bleed imagery storytelling
❌ Avoid For
- Everyday retail e-commerce
- Lightweight form tools
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.