Padrões — 02
Urgência
Padrões para comunicar escassez real: vagas limitadas, prazo próximo, último lote. Use com parcimônia — o impacto depende da raridade.
Contrato do bloco
Urgência
Variantes
- top-banner
- max-conversion-cta
- availability-card
Anatomia
- badge-or-alert
- headline
- urgency-copy
- count-or-stock
- cta
- supporting-proof
Tokens
- --fire
- --urgent
- --surface-dark
- --accent
- --paper
Regras responsivas
- cards de disponibilidade devem cair para uma coluna em mobile
- CTA central deve manter leitura em uma coluna em telas estreitas
Campos CMS
- headline * — text
- copy * — richText
- stockLabel — text
- primaryCta * — cta
- secondaryCta — cta
02.1
Banner de Topo
Alert urgent largura total no topo da página. Máxima visibilidade, mínimo espaço. Dispensável pelo usuário.
Banner de prazo — topo de página
02.2
Bloco CTA de Conversão Máxima
Seção dedicada a urgência: fundo escuro, contador de vagas, botão urgent. Use no final de páginas de vendas.
Bloco CTA — fundo escuro + urgência
02.3
Card de Vaga Única
Card compacto para mostrar disponibilidade restrita em listas de cursos ou grade de turmas.
Cards de turma com escassez
02.4
Regra de Uso — Hierarquia de Urgência
BaixoAlert warning — prazo em dias, atenção necessária mas não crítica.
MédioAlert urgent + Badge urgent — vagas abaixo de 20%, prazo em horas.
MáximoBloco CTA 02.2 — última turma, vagas em unidade, prazo < 24h.
Nunca use os três níveis simultaneamente na mesma página — o usuário perde a referência de urgência real.