WhatsApp Founder badge

Show that you are part of the community. Paste two lines into your site: the badge loads from our domain, links to verification and stays up to date.

Paste the snippet into your site

Recommended. Two lines: the widget adapts to the theme (light/dark), builds the link and keeps itself up to date. Customise it with data-size, data-theme (auto/dark/light) and data-utm-content.

<!-- Selo WhatsApp Founder -->
<script src="https://www.whatsappfounders.com.br/selo/badge.js" async></script>
<div class="wa-founder-badge" data-size="160"></div>

No JavaScript? Copy the full HTML

Static embedded badge (inline SVG). Useful for READMEs, emails or anywhere <script> is blocked. It does not receive automatic updates.

Or copy the deterministic prompt (LLM / design)

The same versioned badge specification in _data/selo_badge_prompt.yml, aligned with the HTML you copy above.

ESPECIFICAÇÃO — Selo “WhatsApp Founder” (SVG + HTML embutível)

Objetivo: um único fragmento copiável: <a class="founder-badge-link"> contendo só <svg> (sem JS, sem imagens raster).

Dimensões fixas
- viewBox="0 0 200 200"
- width="160" height="160"
- role="img" aria-label="WhatsApp Founder Badge"

Link (clique no selo inteiro) — destino: home da comunidade, com UTM para atribuição
- href="https://www.whatsappfounders.com.br/?utm_source=selo&utm_medium=badge&utm_campaign=comunidade&utm_content=founder-badge"
- target="_blank" rel="noopener"
- title="WhatsApp Founders — comunidade"

Borda circular ondulada — exatamente 24 ondulações
- Centro (100, 100). Amostrar t de 0 a 2π com ≥256 segmentos.
- r(t) = R + A·cos(24·t) com R ≈ 88 px e A ≈ 3–4 px.
- x(t) = 100 + r(t)·cos(t), y(t) = 100 + r(t)·sin(t); path fechado com Z.
- Usar esse path como <clipPath id="…"> para recortar todo o conteúdo interno.

Pixel grid (fundo)
- Grade de pontos: raio r = 0.7 px; passo 6 px entre centros (grade retangular alinhada ao eixo).
- Cobrir o viewBox; recortar pelo clipPath acima.
- Para cada centro de ponto: se estiver dentro da silhueta do logo WhatsApp (path do ícone oficial ~24×24, transformado/centralizado ~100,98), fill #25d366 com opacidade alta (≈0.85–1) e glow leve opcional.
- Caso contrário: fill #ffffff com opacidade baixa (≈0.12–0.22).

Tipografia (textPath)
- Arco superior (parte de cima do anel): texto exato WHATSAPP FOUNDER (maiúsculas, espaço simples).
- Arco inferior: texto exato CONVERSATIONAL TECH * (maiúsculas; asterisco literal no final).
- Fonte sans-serif genérica (ex.: Inter, Segoe UI, system-ui); letter-spacing ajustado para caber no anel.

Estilo geral
- Fundo escuro radial opcional (#0a1814 → #030508) dentro do clip.
- Contorno / detalhes em #25d366 (stroke fino ou glow discreto).

Referência oficial do HTML gerado
- Abra https://www.whatsappfounders.com.br/selo/ e use “Copiar HTML” como ground truth do repositório (o embed aponta para a home com UTM).