HUD / Sci-Fi FUI
Build with the HUD / Sci-Fi FUI look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- light
- Typefaces
- System
- Style
- 2010s Sci-Fi, Futuristic, technical, wireframe
- Length
- 834 words
Add it to your project
Then prompt your agent
This style is published by designmd.app by Fabricio Telles. coderef lists its name, palette and fonts so you can find it here; the full DESIGN.md lives on designmd.app.
More like HUD / Sci-Fi FUI
All styles designs →- Weblex Dark HeroButtonWeblex Dark Hero DESIGN.mdView →
Weblex Dark Hero
Futuristic & TechDark hero with full-screen video with seamless loop transition via requestAnimationFrame opacity. Ideal for website builders, plataformas no-code, ferramentas de criação de sites, landing pages de produto. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
- Spaceship Instruction ManualButtonSpaceship Instruction Manual DESIGN.mdView →
Spaceship Instruction Manual
Futuristic & TechLanding page that looks like a spaceship instruction manual or engineering blueprint. Ideal for produtos de hardware, startups deep-tech, apis e ferramentas dev, plataformas de engenharia, documentacao tecnica, cybersecurity.
○ Light· JetBrains Monodesignmd.app ↗
- Cyber CoreButtonCyber Core DESIGN.mdView →
Cyber Core
Futuristic & TechCyber core landing page with neon-lit, high-speed digital aesthetics. Ideal for marcas de gaming, design de pôsteres, branding digital edgy, portfólios tech. AI-ready template.
○ Light· Share Tech Monodesignmd.app ↗
- Estilo de Inteligência GenerativaButtonEstilo de Inteligência Generativa DESIGN.mdView →
Estilo de Inteligência Generativa
Futuristic & TechFuturistic and minimalist landing page for a next-gen language model. Ideal for landing pages, modern websites. AI-ready template.
○ Light· Interdesignmd.app ↗
- Cyber-TribalButtonCyber-Tribal DESIGN.mdView →
Cyber-Tribal
Futuristic & TechCyber-tribal landing page. Ideal for landing pages, saas. AI-ready template.
○ Light· Azonixdesignmd.app ↗
- Gradient Mesh / Aurora EvolvedButtonGradient Mesh / Aurora Evolved DESIGN.mdView →
Gradient Mesh / Aurora Evolved
Futuristic & TechDesign with gradient mesh aurora effect. Ideal for landing pages, saas. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses