Design: background, cursor and controls
The panel that decides how the demo looks from the outside, and blur for what must not show.
The Design panel applies to the whole demo, not to a single step. It is where the recording stops looking like a screenshot and starts looking like a piece of your product.
Appearance
| Background | Color or gradient behind the recorded screen. |
|---|---|
| Frame | Dark browser, light browser, clean white, or no frame. |
| Font | Inter, Lato, Montserrat, Open Sans, Poppins and the others the player loads. |
| Default hotspot | The style and color every new hotspot inherits. |
| Apply colors | Repaints background and hotspots with the Brand Kit colors. |
Player
- Navigation bar: always visible, hidden, or automatic, appearing when the mouse reaches the footer.
- Start button before the first step.
- Keyboard navigation, with the arrow keys.
- Autoplay, which advances steps on its own.
- Cursor movement, drawing the mouse path between one click and the next.
- Background music, picked from the sound library.
- Watermark and brand logo.
Blur and image editing
The last button on the rail opens the image editor. It exists for whatever the recording caught and must not show: a customer name, an amount, an email, a document. You paint over it with the blur brush, set the intensity and undo stroke by stroke.