Design mode

Where the project picks up your brand. Set primary and accent colors, logo state, and tone. Every preview and scene reflects the brand kit automatically.

Updated 2026-05-011 min readBuilder modes

Design mode is short and intentional. It exists so the project does not look like a stock template once you start sharing it.

The brand kit

  • Primary color — the dominant accent across buttons and active states.
  • Accent color — used for highlights, dots, and accent text.
  • Logo status — placeholder, in_review, or final.
  • Tone notes — a short text the AI reads when it writes copy.

How it gets applied

The renderer reads the brand kit and writes CSS variables that scope to the rendered scene. So the same scene rendered inside the workspace and inside a public preview both pick up the brand kit, but neither leaks the brand kit into other projects.

Limits today

Was this page helpful?

Related