Padrões — 03

Captação

Formulários de conversão: do lead simples ao form completo de inscrição. Todos os estados de validação aplicados.

Contrato do bloco

Captação

Prioridade high

Variantes

  • lead-form
  • full-signup

Anatomia

  • offer-copy
  • form
  • confirmation-state
  • supporting-proof

Tokens

  • --surface-brand
  • --surface-raised
  • --accent
  • --fire
  • --font-display

Regras responsivas

  • form completo em duas colunas deve colapsar para uma coluna em mobile
  • campos em grid devem empilhar verticalmente em telas pequenas

Campos CMS

  • headline * — text
  • copy — richText
  • formFields * — formFields
  • primaryCta * — cta
  • confirmationMessage * — richText
03.1

Form de Lead Simples

Captação de e-mail com força de interesse. Mínimo de campos para máxima conversão. Clique em 'Receber material' para ver o estado de sucesso.

Lead form — e-mail + força + CTA

Use o nome como ele deve aparecer no cadastro.

Enviaremos o material gratuito para este endereço.

Isso nos ajuda a personalizar a sequência inicial.

Você pode cancelar esse recebimento depois.

Composto por:InputSelectCheckboxButton (primary)Alert (success)
03.2

Form Completo de Inscrição

Layout em duas colunas: copy da oferta à esquerda, formulário à direita. Clique em 'Garantir minha vaga' para ver o estado de confirmação.

Form de inscrição — layout duas colunas

Garanta sua vaga

Comece sua preparação hoje

Acesso imediato ao curso completo. Cancele quando quiser.

  • Trilhas por força e cargo
  • Banco com +10.000 questões
  • Simulados semanais
  • Suporte por e-mail

Use o primeiro nome do candidato.

Use o sobrenome principal do cadastro.

O acesso será liberado para este endereço.

Opcional. Informe com DDD se quiser atendimento prioritário.

Usamos essa informação para direcionar a turma correta.

Esse aceite é necessário para a sequência de matrícula e suporte.

Garantia de 7 dias · Cancele quando quiser

Composto por:InputSelectCheckboxButton (urgent)Alert (success)
03.3

Diretrizes de Formulários

Peça só o necessário para a ação imediata
↳ Cada campo extra reduz conversão.
Label sempre visível acima do campo
↳ Nunca dependa só de placeholder para contexto.
CTA descreve o resultado
↳ 'Receber material' comunica melhor do que 'Enviar'.
Feedback de sucesso substitui o form
↳ Evita confusão pós-submissão e duplicidade de estado.
Urgência no CTA apenas quando for real
↳ Button urgent deve permanecer reservado para escassez.