Selo WhatsApp Founder

Copie e cole o HTML no seu site

Copiar HTML

Ou copie o prompt determinístico (LLM / design)

Mesma especificação versionada do selo em _data/selo_badge_prompt.yml — alinhada ao HTML que você copia acima.

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). Copiar prompt