Spatial UI (VisionOS)
Build with the Spatial UI (VisionOS) 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 UI stack
- Style
- 2024 Spatial Era, Glass, depth, immersion
- Length
- 795 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 Spatial UI (VisionOS)
All styles designs →- Agency Viral Videos & Reels HeroButtonAgency Viral Videos & Reels Hero DESIGN.mdView →
Agency Viral Videos & Reels Hero
Futuristic & TechHigh-impact full-screen hero section for a viral video agency. Ideal for agências de vídeo, produtoras de conteúdo, marketing de reels, creative agencies, social media agencies. AI-ready template.
○ Light· Barlowdesignmd.app ↗
- Dimensional LayeringButtonDimensional Layering DESIGN.mdView →
Dimensional Layering
Futuristic & TechDesign with dimensional layering. Ideal for landing pages, saas. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
- 3D Product PreviewButton3D Product Preview DESIGN.mdView →
3D Product Preview
Futuristic & Tech3D product preview interface. Ideal for landing pages, saas. AI-ready template.
○ Light· System UI stackdesignmd.app ↗
- Synapse Dark HeroButtonSynapse Dark Hero DESIGN.mdView →
Synapse Dark Hero
Futuristic & TechPure black SaaS hero with HLS video at 100% opacity no overlay, positioned at height 80vh and absolute bottom-[35vh]. Ideal for saas de inovação, plataformas de ai, ferramentas enterprise, startups de tecnologia. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
- Wealth Video HeroButtonWealth Video Hero DESIGN.mdView →
Wealth Video Hero
Futuristic & TechPremium fintech hero with full-screen looping background video scaled 150% with top-left focal point. Ideal for fintechs, plataformas de investimento, gestão patrimonial, landing pages financeiras premium. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
- AI Automation HeroButtonAI Automation Hero DESIGN.mdView →
AI Automation Hero
Futuristic & TechDesign an AI hero with dark purple-black background #070612. Ideal for plataformas de ai, automação de workflows, produtos de machine learning, startups de inteligência artificial. AI-ready template.
◐ Dark· System UI stackdesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses