04 — Brand e Comunicação
Identidade
Valores abaixo são fictícios para o exemplo — no fork, espelhar domínios reais e rodar rebrand no monorepo.
| Elemento | Valor / link |
|---|---|
| Nome | SiteScope |
| Domínio produto | app.sitescope.io |
| Domínio marketing | sitescope.io |
| Logo | packages/brand/ (ver development/10-brand-kit.md) |
| Marca mãe | Forestbit (crédito discreto no footer; produto é SiteScope na comunicação externa) |
| Tagline (opcional) | Continuous site health for agencies |
Consistência: materiais externos usam "SiteScope"; dentro do app, strings de UI permanecem em inglês (Scan, Report, Alert) mesmo quando o blog está em pt-BR.
Tom de voz
Referência cruzada com 01-positioning-messaging. Cada atributo traz exemplo aplicável a e-mail, blog ou in-app.
| Atributo | Sim | Não |
|---|---|---|
| Claro | "Sua varredura encontrou 12 issues de LCP em 3 URLs." | "Solução inovadora de next-gen diagnostics." |
| Concreto | "Relatório PDF pronto em 28 segundos." | "Relatórios ultra-rápidos que vão transformar seu negócio." |
| Respeitoso ao tempo | "Configure alertas em 2 minutos — link para o guia." | "Leia nosso whitepaper de 40 páginas antes de começar." |
| Honesto sobre limites | "Não fazemos keyword research — focamos em saúde operacional do site." | "Suite completa de SEO enterprise." |
| Técnico quando útil | "CLS acima de 0,1 em 4 páginas do sitemap." | Jargão sem tradução para Ana ("INP regression cascade"). |
Idioma: UI e produto em inglês; materiais de marketing BR (blog, LinkedIn, newsletter) em pt-BR com termos técnicos consagrados em inglês (Core Web Vitals, white-label, dashboard). Landings EN opcionais se houver tráfego internacional.
Visual
Diretrizes para marketing reutilizar o design system sem divergir do app.
- Design system:
@framework/ui/ shadcn no app — reutilizar tokens de cor, radius e tipografia em Figma/web; evitar paleta paralela em ads - Dark/light: seguir theme default do app (light em marketing site; screenshots podem ser dark mode se for contexto de "painel técnico")
- Screenshots: dados fictícios (
cliente-exemplo.com.br, scores inventados) ou clientes com permissão por escrito; borrar domínios reais sem autorização - Ilustrações: preferir UI real + anotações; evitar stock genérico de "pessoas em reunião"
- Gráficos de score: usar escala 0–100 consistente com o produto; mesmas cores verde/amarelo/vermelho do dashboard
Uso de marca
Documentar detalhes finos em packages/brand/ após rebrand; regras mínimas abaixo.
- Logo: área de respiro = altura do ícone "S" em todos os lados; não distorcer, rotacionar ou aplicar gradiente não aprovado
- Cores: primária = token
--primarydo brand kit; fundo escuro em decks, claro em PDFs para impressão - Nome: "SiteScope" uma palavra, S maiúsculo; nunca "Site Scope" ou "sitescope" em títulos
- Co-branding com parceiros: logo parceiro à direita, SiteScope à esquerda, altura igual; texto "Powered by SiteScope" em integrações embarcadas
- Proibido: usar logo em mockups de features não lançadas como se estivessem live
Canais de comunicação
Quem fala, com que cadência e qual objetivo — evita duplicar anúncio de feature em cinco canais no mesmo dia sem coordenação (05-campaigns-launches).
| Canal | Frequência | Responsável | Exemplo SiteScope |
|---|---|---|---|
| Email transacional | Event-driven | Produto | "Sua varredura de example.com terminou — 3 alertas críticos" |
| Newsletter | Mensal | Mkt | Release do mês + 1 artigo do blog + dica de uso (ex.: thresholds de alerta) |
| Changelog in-app | Por release | Produto | Bullet curto EN + link help doc |
| 2–3×/semana | Mkt | Carrossel white-label, tip CWV, case fictício | |
| Suporte / status | Sob demanda | Produto | Status page linked em incidentes; tom factual, sem marketing |