Editor panel
Brand
Design sets the demo-wide look every step inherits — brand color, fonts, and the default style of your hotspots, walkthrough popups, and checklist. Change something here and it applies across the whole demo, so you tune the theme once instead of styling each step by hand.
Rows
- Default — Primary color
- The accent color used for buttons, the progress bar, and highlights throughout the player.
- Default — Call to action
- The default guide type new steps start as — hotspot, walkthrough popup, or spotlight.
- Default — Popup style
- Whether walkthrough popups default to the Classic or Modern layout in the player.
- Default — Font / Font type
- The typeface applied to popup and tooltip text across every step.
- Default text
- Turns the built-in Next/Back button labels on or off as the default for new guides.
- Hotspot style
- Default hotspot appearance (pointer, callout, area) and its shape, opacity, and animation as seen on the canvas.
- Walkthrough style
- Popup and button color, shape, avatar, border, step numbers, and the dimming overlay for walkthrough steps.
- Classic / Modern popup style
- Per-layout controls for popup color, width, margins, overlay opacity and blur — what the viewer sees behind and around a popup.
- Checklist style
- Color, shape, overlay opacity/blur, and whether the checklist shows task numbers, a progress bar, and search.
- Theme
- Save the current settings as a named theme, or switch to a saved theme to reuse brand styling across demos.
Tips
- Set the primary color and font here first — every new step picks them up, so you avoid restyling steps one by one.
- Design controls the defaults; the Call-to-action panel overrides a single hotspot when one step needs to differ.
- Browser-bar and player-chrome styling lives in the Browser panel, not here.