Status, urgência, credencial.

Badges são pílulas pequenas em mono. Roxo é o default. Laranja é reservado para urgência genuína (segue a regra de 3 usos por página).

Em fundo claro

AO VIVO ÚLTIMAS VAGAS NOVO MÓDULO COHORT INVERNO 2026 CRP 06/117883

Em fundo dark-zone

CRP 06/117883 EM DARK-ZONE

Quando usar laranja

AO VIVO — eventos em transmissão real.
ÚLTIMAS VAGAS — somente se for verdade verificável (turma com cap real).
CRP XX/XXXXXX — chip de credencial nas co-fundadoras.

Não inventar urgência. "Apenas 2 vagas" sem ser verdade quebra o manifesto. Se não há janela genuína, use roxo.

Snippet · pronto pra colar

HTML · cole no seu projeto

<!-- Badges roxos (default) -->
<span class="e-badge e-badge-purple">NOVO MÓDULO</span>
<span class="e-badge e-badge-purple">COHORT INVERNO 2026</span>
<span class="e-badge e-badge-purple">CRP 06/117883</span>

<!-- Badge laranja (urgência genuína apenas) -->
<span class="e-badge e-badge-orange">AO VIVO</span>
<span class="e-badge e-badge-orange">ÚLTIMAS VAGAS</span>

<!-- Em fundo dark-zone -->
<span class="e-badge" style="background:rgba(240,234,248,0.12); color:var(--e-text-on-dark); border:1px solid rgba(240,234,248,0.25);">EM DARK-ZONE</span>