The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Voxel: Spatial UI Kit & Waitlist Site
Services Provided: UI/UX Design, Framer Development, Motion Design, Interactive Components
Designed and built a high-converting waitlist site for Voxel, a spatial computing design system engineered for AR optics and VisionOS. Built as a prime blueprint for stealth and early-stage founders breaking out of flat viewports, this page blends immersive ambient visuals with friction-free email capture.
Key Features & Highlights:
Ambient Morphing Orb Hero: Built a custom React/CSS fluid orb component with dynamic organic breathing, rotation, and morphing shapes.
Interactive 3D Magnetic CTA: Custom waitlist email input featuring real-time TLD validation (.com, .org, .net) that triggers an interactive glowing button with 3D parallax mouse-tracking.
Spatial Glassmorphism UI: Frosted glass visual tokens, subtle depth borders, and high-legibility typography optimized for dark/spatial backgrounds.
Zero-Friction Submission Flow: Integrated inline success state that smoothly transitions the input field upon submission.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Pixelcore — AI & Technology Landing Page 🤖⚡
Pixelcore is a futuristic landing page concept for an AI-powered technology company focused on automation, data, integrations, and digital product development.
The goal was to communicate innovation and technical expertise without falling into the typical dark, overly complex AI aesthetic. The visual direction combines a clean monochrome interface with bold orange accents, pixel-inspired typography, and playful 3D technology objects.
Special attention was given to:
• a dynamic hero composition built around 3D tech visuals and strong typography;
• a distinctive orange accent system that guides attention toward key actions 🟠;
• pixel-inspired typography that reinforces the digital and technological character of the brand;
• 3D objects representing AI, automation, analytics, hardware, and connected technology;
• clear CTAs that make the next step immediately visible;
• service cards for AI Automation, Data Insights, Integrations, and Product Design;
• trust elements and performance metrics that support the company’s positioning;
• responsive mobile layouts that simplify the composition while keeping the same visual identity 📱;
• a modular visual system that could easily scale across services, case studies, and additional landing pages.
The result is a clean but expressive digital experience that makes an AI company feel innovative, approachable, and visually memorable — without sacrificing clarity or usability.
Looking to create a distinctive website for your AI, SaaS, or technology product?
Let’s turn complex technology into a digital experience people instantly understand ⚡
Wow! How did you approach balancing all the 3D elements without making the hero feel too busy?
this project is one of my favourite projects I’ve ever done for a surrogacy brand
I learned a lot while exploring this design direction
charged $2.8k for design +development 💸
now, my starting price is $4k for one page site
Awesome 🔥👏👏
Would you prefer a light or dark color scheme?
57 voted
54%
48 voted
46%
105 votes
Closed
I always prefer the dark, but it's just a matter of taste 😃
