Pular para o conteúdo principal

Design da Tela de Login

  1. Design da Tela de Login

    Estilize as telas de login, registro e senha que seus clientes veem: o layout, painel da marca, fundo, textos e cartões promocionais. A pré-visualização ao vivo também mostra os botões de login social que você configurou. Este tour percorre cada seção.

  2. Salve seu design

    As alterações aparecem na pré-visualização instantaneamente, mas suas telas reais de login, registro e senha só mudam após você clicar em Salvar.

  3. Escolha um layout

    Escolha Dois painéis (animado), Painel dividido ou Cartão centralizado. Os layouts de dois painéis colocam um painel da marca ao lado do formulário; o Cartão centralizado mostra o formulário sozinho, então as configurações do painel da marca e ícone decorativo são ocultadas.

  4. Painel da marca

    Defina de que lado o painel fica e seu fundo: cor da marca, gradiente ou uma imagem carregada (PNG, JPG ou WebP). O título e a tagline podem ser traduzidos em cada idioma e estilizados com suas próprias configurações de texto.

  5. Fundo do formulário

    Escolha o fundo atrás do formulário de login: Simples, Suave ou uma leve tonalidade da Marca.

  6. Padrão do painel

    Adiciona uma textura decorativa ao painel de login. Clique no padrão selecionado novamente, ou escolha Nenhum, para removê-lo.

  7. Login biométrico

    Permite que os clientes façam login com Face ID, uma impressão digital ou um PIN do dispositivo em vez de uma senha. Enquanto estiver desligado, o botão de chave de acesso fica oculto na sua tela de login; dispositivos já registrados não são excluídos.

  8. Ícones decorativos

    Mostre pequenos ícones no painel da marca e escolha até 4 deles. Esta seção aparece apenas para layouts de dois painéis.

  9. Cartões de cross-sell e campanha

    Adicione até 4 cartões para promover pacotes ou campanhas no painel de login e registro, cada um com um título, badge, descrição curta, texto do botão e link. Títulos e textos podem ser traduzidos em cada idioma.

  10. Prévia ao vivo

    Uma simulação da sua tela de login que segue cada alteração, incluindo os botões de login social que você configurou. Altere entre desktop e mobile, ou abra sua página de login em uma nova aba para ver a página ao vivo salva.