Toda seção começa aqui.

Três variantes. O chip carrega ações pequenas com dot-glow. O dash é mais discreto. O separator é para trust strips e momentos de respiração.

Três variantes

MANIFESTO

CHIP · com dot glow · use em dobras de ação

POR QUE EXISTIMOS

DASH · sutil · use em dobras de conteúdo

INSTITUIÇÕES QUE CAMINHAM CONOSCO

SEPARATOR · centralizado · trust strips

Quando usar qual

Chip: hero, programas, CTA final, newsletter — qualquer dobra com ação.
Dash: manifesto, por que existimos, comunidade, co-fundadoras — dobras de conteúdo.
Separator: trust strip, divisores entre dobras temáticas, footer headers.

Eyebrow é obrigatório. Toda seção começa com um — nunca direto na headline. É o ritmo que sustenta a leitura e diferencia o sistema de qualquer template.

Snippet · pronto pra colar

HTML · cole no seu projeto

<!-- Variante 1: chip com dot glow (use em dobras de ação) -->
<span class="e-eyebrow-chip">
  <span class="e-eyebrow-dot"></span>
  <span>MANIFESTO</span>
</span>

<!-- Variante 2: dash (sutil — dobras de conteúdo) -->
<span class="e-eyebrow-dash">
  <span class="e-dash-line"></span>
  <span>POR QUE EXISTIMOS</span>
</span>

<!-- Variante 3: separator centralizado (trust strips) -->
<span class="e-eyebrow-separator">
  <span class="e-sep-line"></span>
  <span>INSTITUIÇÕES QUE CAMINHAM CONOSCO</span>
  <span class="e-sep-line"></span>
</span>