Skip to Content
Design processBackground

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

  1. Open 3D Editor.
  2. Go to Layout → Background.
  3. Choose the background type.
  4. 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

Last updated on