Design: fundo, cursor e controles
O painel que decide como a demo se parece por fora, e o desfoque para o que não pode aparecer.
O painel Design vale para a demo inteira, e não para um passo só. É onde a gravação deixa de parecer uma captura de tela e passa a parecer uma peça do seu produto.
Aparência
| Plano de fundo | Cor ou gradiente atrás da tela gravada. |
|---|---|
| Moldura | Navegador escuro, claro, branco limpo ou sem moldura. |
| Fonte | Inter, Lato, Montserrat, Open Sans, Poppins e as demais que o player carrega. |
| Hotspot padrão | O estilo e a cor que todo hotspot novo vai herdar. |
| Aplicar cores | Repinta fundo e hotspots com as cores do Brand Kit. |
Player
- Barra de navegação: sempre visível, escondida ou automática, aparecendo quando o mouse chega ao rodapé.
- Botão Iniciar antes do primeiro passo.
- Navegação por teclado, com as setas.
- Autoplay, que avança os passos sozinho.
- Movimento do cursor, que desenha o caminho do mouse entre um clique e outro.
- Música de fundo, escolhida na biblioteca de sons.
- Marca d’água e logo da marca.
Desfoque e edição de imagem
No trilho, o último botão abre o editor de imagem. Ele serve para o que a gravação capturou e não pode aparecer: nome de cliente, valor, e-mail, documento. Você pinta por cima com o pincel de desfoque, regula a intensidade e desfaz traço por traço.