Skip to the content
All themesSpatial UI

The spatial theme

Hardware, 3D and AR products, premium technology.

0:00 / 0:00

Landscape, 1920x1080. A web copy of the real render.

Style
Spatial UI
Suits
Hardware, 3D and AR products, premium technology
Fonts
Sora, DM Sans
Moves
Depth: things come forward from behind. The feel is calm.
Sounds
Airy soft deep
Also called
spatial-ui, visionos
showcase.config.json
{
  "url": "http://localhost:3000",
  "theme": "spatial"
}
bunx showcase make --theme spatial --draft
How its surfaces are drawn

The parts of the look

These are drawn here with the theme's own styles, read from the kit's source. In a video they sit over your product.

A panelCards and steps are drawn like this
A chipA callout label
A caption, read once and quickly
For an AI agent

A skill for this theme

Each theme has a skill that tells an agent how to build graphics that follow it. Starting a video in a theme copies its skill into your project.

Start a video in this theme
bunx showcase init --config --theme spatial

The skill is showcase-theme-spatial.