Looks & Layouts

Looks and Layouts let you define reusable viewer styles and apply them to multiple models. Change a Look once, and every viewer using it updates automatically.

What is a Look?

A Look controls how the scene appears:

• Environment (HDRI preset)
• Background mode and color
• Lighting setup (key, fill, rim lights)
• Effects (bloom, tonemapping, ambient occlusion)
• Camera defaults (orbit limits, auto-rotate)

Think of it as a "theme" for your 3D viewers. A jewelry store might have a dark, dramatic Look. A furniture brand might use a bright, neutral one.

What is a Layout?

A Layout controls the embed presentation:

• Aspect ratio
• Viewer sizing
• UI overlays and controls visibility

Layouts are separate from Looks so you can use the same visual style at different sizes (e.g., a square thumbnail vs. a widescreen hero).

Creating a Look

1. Open any model in the editor
2. Configure the scene until you're happy with it
3. Click Save as Look in the settings panel
4. Name it (e.g., "Studio Dark", "Product White")

Per-model overrides

Sometimes one product needs a small tweak — more bloom, a different camera angle — while keeping everything else from the Look.

In the editor, change any setting on a per-model basis. Only the fields you change are stored as overrides. The rest still inherit from the Look.

The editor shows which settings are overridden with a visual indicator. Click the revert button to remove an override and fall back to the Look's default.

How inheritance works

Look (base style)
  └── Model override (sparse patch)
       └── Embed override (data-config inline)

Each layer only stores the fields it changes. Values cascade: embed overrides take priority, then model overrides, then the Look defaults.

This means you can update a Look (e.g., change the HDRI) and it cascades to all models that use it — except for fields those models have explicitly overridden.