AI Spatial Glasses Interface Concept
Orbit Lens is a fictional product-launch interface for a pair of AI spatial glasses. The project explores how a website can behave less like a conventional landing page and more like a calm field-of-view operating system: translucent, gesture-led, cinematic and spatial.
The experience is designed as a premium interactive prototype for product storytelling, spatial UI direction and future WebXR adaptation.
Orbit Lens imagines AI glasses that do not overwhelm the user with dashboards, notifications or visual noise. Instead, the interface introduces only the next useful signal into the field of view: a route, a caption, a memory cue, a privacy state or a creative framing prompt.
The website follows the same logic. It opens as a spatial shell interface where content, product renders and system states float inside a dark optical environment.
Core idea:
See less. Understand more.
- Orbit Field Interface - a central cinematic shell instead of a traditional website layout.
- Gesture-first navigation - field switching through wheel, swipe/drag and keyboard input.
- Six product modes - Vision, Translate, Recall, Create, Focus and Privacy.
- Inspect Optics Mode - the interface mechanically expands into a product inspection field with floating render cards.
- Interactive product cards - draggable desktop cards, selectable optical layers and compact detail previews.
- Optical Typewriter Caption - product details are typed directly onto the image as a subtle telemetry layer.
- Responsive spatial adaptation - mobile and tablet layouts preserve the shell/interface concept rather than falling back to a generic landing page.
| Mode | Purpose |
|---|---|
| Vision | Calm route and city context without dashboard overload. |
| Translate | Live captions as transparent, face-forward context. |
| Recall | User-initiated memory and controlled contextual recall. |
| Create | Framing and capture support for visual notes. |
| Focus | Reduced signal state for attention and quiet. |
| Privacy | Visible trust, consent and capture-state language. |
Orbit Lens follows a restrained premium spatial aesthetic:
- dark obsidian atmosphere;
- graphite and smoked glass materiality;
- translucent interface panes;
- soft cyan/silver signal accents;
- quiet motion rather than aggressive HUD animation;
- cinematic product-launch pacing;
- no cyberpunk clutter, no gamer UI, no tactical dashboard language.
Built with:
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Motion
npm install
npm run devOpen the local server shown in the terminal, usually:
http://localhost:3000
Production build:
npm run build
npm run startLint:
npm run lintThe project is in web interactive prototype / production-prep stage.
Completed:
- Orbit Field V2 interface direction;
- product render integration;
- Inspect Optics interaction layer;
- mechanical inspection expansion;
- mobile/tablet adaptation pass;
- metadata and OG preparation;
- production build and lint validation.
Next:
- first live deploy;
- real-device QA;
- image asset refinement;
- mode-specific overlay polish;
- optional WebXR spatial interface twin using the studio's WhisperXR direction.
Orbit Lens is a fictional concept project. It is not affiliated with any existing hardware product or company. The project is intended as an interactive product-storytelling and spatial interface case study.
Concept, creative direction and front-end development by Brenych Studio.