HUD channels fighter and helicopter head-up displays: phosphor green (#00FF41) characters, gauges, and reticles glow like radar over a near-black cockpit base (#0A0A0A to #1E2328). Information floats in layers above the view at extreme density, and every number points to a decision. Made for defense, simulators, security, and hardcore-tech data interfaces.
BoldCreative
Prompt Template
Base Template
Design a HUD-inspired interface. Colors: #0A0A0A, #111316, #1E2328, #00FF41 with #00FF41 accent.
Variant Prompts
📱 Mobile
Design a mobile app with HUD aesthetics. Use HUD color identity with #00FF41 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with HUD style. Use HUD color identity with #00FF41 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with HUD design language. Use HUD color identity with #00FF41 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with HUD visual identity. Use HUD color identity with #00FF41 accents. Compelling, conversion-focused.
Usage Examples
HUD App
WebBuild a web app with HUD design language and #00FF41 color system.
HUD Dashboard
DashboardCreate a dashboard using HUD style with data visualization and modern typography.
✅ Best For
- Thematic
- Monitoring and data wallboards
- Military and sci-fi themes
❌ Avoid For
- Everyday lifestyle apps
- Gentle lifestyle brands
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.