Pular para o conteúdo

Padrões

Gate de decisão

Toda ação irreversível passa por um gate legível: o que acontece, o que não volta e por quê.

Na prática#

PG-24A7-96F844 · Mercado Aurora

R$ 1.200

Cobrança em duplicidade relatada pelo cliente.

Estorno com motivo obrigatório

Regras#

  1. 01Dinheiro, permissão, exclusão e execução de agente sempre abrem ConfirmGate.
  2. 02Se a ação entra no histórico, peça motivo (requireReason). Mínimo de 3 caracteres.
  3. 03Para exclusão em massa ou irreversível, peça a palavra exata (requireTypedConfirm).
  4. 04O botão de confirmação repete o verbo da ação: "Estornar R$ 1.200", não "OK".
  5. 05Cancelar é sempre ghost e fica à esquerda; no celular fica por baixo.

Evite#

  • Confirmar com "Tem certeza?" sem dizer a consequência.
  • Gate que libera o botão sem motivo quando o motivo vai para auditoria.
  • Toast de desfazer no lugar de gate para dinheiro.

Peças usadas#

Button

Button

Ação. Uma altura por tamanho, compartilhada com input e chip. Toque afunda 2%. No foco, o anel de 2px chega agora e o halo azul entra depois.

Card

Card

Superfície. Quatro materiais: papel guarda dado e decisão, rebaixado abriga prévia, vidro só no que flutua, noite é a superfície da marca.

ConfirmGate

ConfirmGate

Gate para ações irreversíveis: dinheiro, permissão, exclusão, execução de agente. Pode exigir motivo e palavra digitada.