Background
Overview
Background controls what appears behind your product in the 3D viewer. It does not affect the model or materials directly, but it strongly influences contrast, readability, and overall focus.
Location: 3D Editor → Layout → Background

When to adjust the background
Adjust the background when:
- The product blends into the scene
- Materials or silhouettes are hard to read
- You prepare embeds, AR, or marketing previews
The goal is always clarity, not decoration.
Background types
Transparent
Removes the background entirely.
Use when:
- Embedding the configurator into a website
- Using AR or custom page backgrounds
The product blends into the page behind it.
Environment (HDRI)
Uses an environment map to provide lighting context and reflections.
Use when:
- You want a studio-like or realistic look
- Reflections are important for materials
Environment backgrounds affect reflections and overall lighting mood.
Solid color
Uses a single flat color.
Use when:
- You want a clean, distraction-free view
- You need strong product silhouettes
Neutral light gray or off-white works best in most cases.
Gradient
Blends two colors smoothly.
Use when:
- You want subtle depth without distraction
Always keep gradients soft and low-contrast.
Image
Uses a static image as background.
Use when:
- Showing lifestyle or contextual scenes
Avoid busy images. They reduce product readability and increase visual noise.
Performance impact
Background choice affects performance:
- Best: Transparent, Solid color
- OK: Gradient
- Heavy: Image
For configurators and mobile devices, prefer simple backgrounds.
Quick setup
- Open 3D Editor.
- Go to Layout → Background.
- Choose the background type.
- Preview the product and check contrast.
If materials become harder to read, simplify the background.
Best practices
- Use the simplest background that keeps the product readable
- Avoid high-contrast or busy images
- Always verify readability on mobile