Playbook

Diagnóstico estratégico

Diagnóstico completo do negócio de festas. Mapeamento de "máquina de vendas" (funil Atração → Captação → Conversão → Entrega → Recompra). Blueprint arquitetura no Excalidraw. Decisão: foco 100% em festas via marketing digital, com a Taize como rosto da marca.

Atração Qualificada · Fase 1 (5 documentos)

Validação de 14 perguntas estratégicas com Alexandre · análise dos 7 cardápios PDF · pesquisa externa em wedding industry · entrega de 5 documentos: 01_ATRACAO_QUALIFICADA.html (consolidado), pre_qualificador_spec.html (5 perguntas + GHL + Supabase + CAPI), parceiros_priorizados.html (15-20 parceiros + 3 camadas), instagram_destaques_e_editorial.html (8 destaques + 13 reels da Taize), conteudo_dor_emocao_taize.html (5 pilares).

Brandbook-A · Direção Criativa

Análise visual forense do logo atual · 3 style tiles criados (Heritage Boutique · Modern Romantic · Editorial Confectioner) em HTML interativo com tipografia real, paletas reais, mockups conceituais. Alexandre escolheu inicialmente Heritage Boutique.

Brandbook-B · Construção do Sistema Visual

Construído sistema visual completo Heritage Boutique: 19 correções técnicas no logo · paleta de 8 cores · sistema tipográfico em 3 camadas · 12 ícones SVG · 6 padrões gráficos · Brigaderinho documentado · 7 documentos especializados + 1 style guide intermediário consolidado.

Conversão massiva .md → .html · correção do Brigaderinho real

17 documentos convertidos de Markdown para HTML (decisão: Alexandre não visualiza .md). Inspeção visual dos arquivos MASCOTE FUNDO BRANCO.jpg e BRIGADEIRO.png · correção da descrição do Brigaderinho (era "woodcut vintage", real é cartoon flat moderno com olhos coração).

Brandbook-D · Sistema 3D Digital

Documento completo do Sistema 3D para uso em landing pages, funnel hubs, cardápios digitais. 3 camadas (A: original · B: 3D mockups · C: CSS/SVG 3D). 5 mockups CSS 3D funcionando ao vivo (cartão flutuante · caixa rotacionável · Brigaderinho animado · Funnel Hub Linktree · hero parallax). 4 snippets de código pronto para usar no Lovable.

Brandbook-C · Brandbook Formal + Don'ts Visuais

Documento oficial publicável (brandbook_formal.html) com 14 capítulos navegáveis: manifesto · heritage · logo · paleta · tipografia · ícones · padrões · Brigaderinho · 3D · aplicações · don'ts · tom visual · decisão rápida · pacote de ativos. Don'ts Visuais (donts_visuais.html) com 20 regras comparativas ✓/❌ para proteger a marca de uso indevido.

Sistema de downloads JPG via PowerShell

21 ativos visuais convertidos em JPG (qualidade 92) via PowerShell + System.Drawing. Pasta _DOWNLOADS_JPG/ criada. Nomenclatura kebab-case sem acentos para compatibilidade universal. Galeria Visual atualizada com TODAS as imagens clicáveis para download · funciona em Android, iPhone, computador. Erros de português corrigidos ("Logo Principal", "Logo Marrom"). Seção "Fotos da Loja" removida.

Fix do botão de download da Galeria Visual + servidor HTTP local

Bug identificado: o atributo HTML download é ignorado por navegadores quando o arquivo é aberto via file:// (duplo-clique). Quando Alexandre clicava na imagem, ela só abria em nova aba. Correção em 2 frentes:

• · _GALERIA_VISUAL.html redesenhada · botão "⬇ Baixar JPG" visível e dedicado em cada card (separado do clique na imagem) · JavaScript robusto com fetch + Blob · feedback visual no botão (⏳ Baixando → ✓ Baixado!) · fallback para file:// com alerta orientando o usuário
• · _iniciar_galeria.ps1 + _iniciar_galeria.bat · servidor HTTP local via System.Net.HttpListener · porta 8765 · MIME types completos · serve a pasta-mãe para permitir ../LOGOS/ · abre navegador automaticamente · duplo-clique resolve para usuário não-técnico

Resultado: dois caminhos para download funcional — direto (file://, com aviso) ou via servidor local (1 clique no .bat, 100% funcional).

🎨 Cardápios Heritage 2026 · 7 cardápios catalogados + template editorial premium (em iteração)

Re-estilização completa dos 7 cardápios antigos (Kit Escolar · Cestas · Combo Mini-Festas · Pronta Entrega · Doces · Bolos · Revendas) aplicando integralmente brandbook_formal.html + sistema_3d_digital.html.

Limpeza inicial:

• · Brandbook-B (sistema_visual_heritage_boutique.html) deletado · redirect 301 no _redirects apontando para /manualdemarca
• · Pasta nova CARDÁPIOS/2026_heritage/ criada
• · 8 slugs amigáveis adicionados: /cardapios + /cardapios/bolos, /cardapios/doces, /cardapios/festas, /cardapios/cestas, /cardapios/escolar, /cardapios/balcao, /cardapios/revendas

Pipeline técnico:

• · _extrair_imagens_individuais.py · PyMuPDF extrai imagens dos PDFs originais para _imagens_individuais/{slug}/
• · _cardapios_data.py · catalogação manual produto-a-produto dos 7 cardápios (nome, preço, foto, bullets, info_extra) · texto e preços EXATOS dos PDFs originais
• · _gerar_cardapios.py v4 · template HTML + render PDF via Edge headless · base64 das imagens embedadas
• · Compressão automática para PDFs > 25 MB (PyMuPDF garbage+deflate, fallback rasterização DPI 130)

Linguagem visual aplicada:

• · Capa com Mockup A do Sistema 3D · logo principal dentro de caixa creme com perspective + drop-shadow em camadas (chocolate 30% + magenta 15%)
• · Framing diamante com cantos dourados + filete
• · Tipografia Heritage: Playfair Display 900 + Inter + Italianno
• · Brigaderinho flutuante (animação float) em Kit Escolar / Doces / Festas
• · Header das páginas internas com logo (não texto A·D·B)
• · 3 variantes de card de produto: padrão bombons (foto + nome + preço centralizados), com bullets (Marmita/Combos), com info_extra (Revendas: PREÇO/REVENDA/VALIDADE alinhados à esquerda)
• · Tabelas editoriais para sabores de brigadeiro / bolos por kg / Monte Sua Cesta · 2 colunas alinhadas com filete pontilhado
• · Contracapa com CTA WhatsApp (ícone + número, SEM "Até 7 minutos") + ícones clicáveis Instagram + Google Maps (link para https://maps.app.goo.gl/eZ2v6DVLiZrVQLzz6)
• · Botão WhatsApp flutuante por cardápio com mensagem identificável (input pro Lailla.io)

Interatividade web (sistema_3d_digital): hover tilt 3D nos cards · zoom na foto · chip preço escala · animação de entrada cascade · pulse no diamante decorativo · hover em todos os elementos · CSS Sistema 3D aplicado · tudo desativado no @media print para PDF estático.

Iteração rejeitada (no fim da sessão, código pronto mas não foi gerado):

• · Logo principal (OFICAL.png) na capa em todos os temas (em vez de branco+magenta que ficava pálida)
• · Logo secundária branca (BRANCO.png) na contracapa (em vez de branco+magenta)
• · "Revendas B2B" → "Revendas"
• · CTA WhatsApp com max-width: 120mm (mais curto)
• · Background mockup nos cards de foto: gradient rosa-pó→creme→areia + sombra inset + object-fit: contain (não estica) + drop-shadow na foto

🎯 Cardápios Heritage 2026 · fechados (aguardando revisão pré-deploy)

Retomada da sessão 6. Diagnóstico crítico das fotos extraídas pelo PyMuPDF revelou que Revendas tinha TODAS as 14 fotos erradas (shapes geométricos + fundo de chocolate, não fotos reais dos produtos) e Doces tinha 8+ erros de extensão (.png ↔ .jpeg) + 2 shapes + 1 desalinhamento.

Solução aprovada · Revendas vira editorial B2B:

• · Variante nova `.card-produto.sem-foto` adicionada ao CSS · diamante dourado decorativo no topo + nome em destaque + grid PREÇO/REVENDA/VALIDADE/SABORES/CONSERVAÇÃO
• · Lógica em `gerar_card_produto()` detecta `foto: None` ou b64 vazio e renderiza sem `<img>`
• · Resultado: cards puramente tipográficos, B2B premium, zero risco de imagem errada virar publicação

Solução · Doces · mapeamento visual 1-a-1:

• · Gerador auxiliar `_montagem_galeria_doces.py` cria galerias HTML em grid 3-col, renderiza via Edge headless, rasteriza com PyMuPDF
• · Comparação visual contra PDF original `CARDÁPIO DE DOCES.pdf` (rasterizado em `_ref_doces_original/`) permite identificar produto ↔ foto corretamente
• · 5 produtos NOVOS detectados no PDF original que faltavam no data: Casadinho personalizado (R$ 6,20), Pavlova (R$ 12,00), Cestinha ninho c/ nutella (R$ 8,00), Concha de chocolate (R$ 6,50), Degustação (R$ 199,00)
• · 2 produtos ficaram sem foto identificada (cards editoriais): Alfajor Mini, Bombom Livro (BÍBLIA)
• · Mapeamento de menor confiança · vale dar um olho na revisão: Camafeu de Nozes (`p05_img16`), Bombom Retangular 3D (`p08_img06`), Cilindro (`p08_img03`)

Grid `cols-5` adicionado: heurística de colunas estendida — qtd ≥ 13 → grid 3×5 com cards menores + tipografia ajustada (foto 1:1, nome 9pt, preço 9.5pt). Acomoda perfeitamente Doces Finos (15) e Doces Finos cont (14) que antes cortavam produtos com `cols-4`.

Template v5 final · 7 PDFs regerados (todos abaixo de 25 MB): Escolar 2.67 · Cestas 2.83 · Festas 6.33 · Balcão 11.52 · Doces 10.99 · Bolos 2.04 · Revendas 2.07 MB · total ~38 MB.

Pendente · próxima sessão:

• · Confirmar revisão do Alexandre (especialmente fotos com menor confiança em Doces)
• · Ajustes pontuais se necessário (`python _gerar_cardapios.py --apenas doces` ~15s)
• · Redeploy: `npx wrangler pages deploy . --project-name=divinabrigaderia --commit-dirty=true`
• · Validar slugs no domínio: `/cardapios` + 7 individuais
• · Opcional: limpar artefatos temporários da sessão 7 (`_preview_*`, `_validacao_*`, `_final_*`, `_galeria_doces_*`, `_ref_doces_original/`, `_montagem_galeria_doces.py`)

🚀 Deploy oficial concluído · www.adivinabrigaderia.com.br NO AR

Bug arquitetural identificado: o _INDEX.html enviado solto via WhatsApp ficava num sandbox content://com.whatsapp/ e não conseguia acessar as pastas vizinhas (ERR_FILE_NOT_FOUND). Solução implementada: hospedar tudo online no domínio próprio.

Decisões e setup:

• · Decisão #21 trancada: padrão de URL obrigatório www.adivinabrigaderia.com.br/OQUEVEMDEPOIS · slug minúsculo, sem acento, sem hífen, pt-BR · proibido usar URL de plataforma (.pages.dev, .vercel.app, .lovable.app)
• · _redirects com 17 slugs amigáveis (/manualdemarca, /galeria, /sistema3d, /regras, /atracao, /qualificador, /parceiros, /diagnostico, /playbook e variações tolerantes a erro)
• · _headers com X-Robots-Tag: noindex, nofollow + cache control diferenciado (assets 1 ano, HTMLs 1 hora) + headers de segurança
• · _DEPLOY_INSTRUCOES.html documenta o passo-a-passo completo

Execução do deploy (Alexandre + Gerardinho ao vivo):

• · Ghostscript não estava no winget · pivotamos para PyMuPDF (Python) que já estava instalado · script _comprimir_pdfs.py criado em substituição
• · 3 PDFs gigantes comprimidos: Doces 56.86 → 10.38 MB (-81.7%) · Bolos e Tortas 48.24 → 18.99 MB (-60.6%) · Revendas 30.81 → 14.05 MB (-54.4%) · total 135 MB → 43 MB (-68% · 92 MB economizados)
• · Originais preservados em _BACKUP_PDFS_ORIGINAIS/ (movidos para fora do projeto após erro do Wrangler tentando fazer upload deles)
• · npm install -g wrangler · Wrangler 4.94.0 instalado
• · npx wrangler login · OAuth via navegador (PATH não atualizado na sessão, usamos npx) · Successfully logged in
• · npx wrangler pages deploy . --project-name=divinabrigaderia --commit-dirty=true · projeto criado · 219 MB de assets uploaded
• · Custom domains: www.adivinabrigaderia.com.br ativo + adivinabrigaderia.com.br apex redirecionando · ambos com SSL · MakeFunnels desconectado do apex (funnel hub legado será substituído)

Testes finais (todos 200): /, /manualdemarca, /galeria, /sistema3d, /regras, apex.

Ressalva técnica: Cloudflare Pages está fazendo 308 (redirect) em vez de rewrite nas rotas amigáveis · a URL muda pra versão longa após carregar (/manualdemarca vira /BRANDBOOK_IDENTIDADE_VISUAL/10_brandbook_final/brandbook_formal) · funciona perfeitamente mas a URL bonita não persiste · resolver depois via Pages Functions ou renomeando arquivos.

Próxima atualização do site: npx wrangler pages deploy . --project-name=divinabrigaderia --commit-dirty=true da raiz do projeto.

🍫 Funnel Hub própria NO AR · /funnelhub

Hub de captação própria substituindo o MakeFunnels legado. Hero com logomarca cursiva + halo dourado animado, promessa "Desde 2015, a confeitaria artesanal das suas festas", faixa deslizante das 11 ocasiões, selo +11 anos, card da fundadora Taize Proto, painel de depoimentos auto-rotativo com 7 depoimentos reais com foto, bloco da loja com fachada desfocada, WhatsApp com mensagem por contexto em ~20 botões. Páginas irmãs no ar: /nossosprodutos (galeria v1 · 64 produtos) e /cardapios (7 visualizadores web dos PDFs). Performance: imagens otimizadas 560 KB → 143 KB. Avaliação evoluiu de 5/10 para ~8-9/10.

🩺 Diagnóstico "não carrega" + descompactação final da hub

(1) Site reportado fora do ar — diagnóstico ao vivo provou que era rota de rede transitória da operadora até os IPs da Cloudflare (os 3 endpoints respondiam 200): não é o código, normaliza sozinho. Protocolo de destravamento documentado no CLAUDE.md e no _DEPLOY_INSTRUCOES.html (teste decisivo: se pages.dev abre e o www não, é rede). (2) Descompactação da hub: WebP em todas as imagens via <picture> + fallback (logo lossless 17 KB · imagens −45%) e fontes auto-hospedadas em /fonts/*.woff2 — zero dependência do Google Fonts, blindando o carregamento em 4G ruim.

✨ Nossos Produtos ultrapremium · "O Balcão da Divina" · DEPLOY no ar

Redesign completo da /nossosprodutos com as mesmas 64 fotos, após análise por squad de 5 lentes paralelas (direção de arte, conversão, copy, técnica, mobile) + revisão adversarial independente (10 achados, todos corrigidos).

• · Header Heritage compacto: logo com halo dourado · eyebrow + H1 "Tudo o que uma festa pede" · intro na voz da Taize · selo +11 anos · CTA WhatsApp
• · Chips fixos de categoria com seção ativa marcada (scroll-spy) · capítulos editoriais com micro-narrativas · capa em largura cheia por seção · cards 16:9 (o 4:3 antigo cortava ~25% das fotos) · numeração romana nas séries
• · Lightbox de contemplação SEM CTA (decisão do Alexandre): foto em tela cheia com moldura dourada, swipe entre os doces, botão voltar do Android fecha a foto, acessível por teclado
• · Respiros de conversão: depoimento real da Valquíria após Bolos · mini-CTA após Bombons · CTA final "tira um print" + card da Taize "Quem faz"
• · Técnica: fontes locais · logos otimizadas (739 KB → 17 KB · LOGOS/ intocada) · preview de compartilhamento no WhatsApp (og-card 39 KB) · cache de 12 meses pras fotos · _gerar_nossos_produtos.py DESATIVADO (página agora é mantida à mão)

🚀 Deploy d2f311bf (branch production): subiu este redesign + a descompactação da hub (sessão 9) num pacote único, aprovado no painel de prévia. Validado no domínio oficial. Fase 3 pendente: WebP das 64 fotos · legendas dos nomes ambíguos (validar com a Taize) · botão compartilhar nativo · decisão de indexação (noindex).

📈 Frente Google Ads · fundação completa (frente paralela)

Conta Google Ads criada (ID 133-871-3309, faturamento no CNPJ, oferta R$ 880 garantida) + plano de mídia v03 e copy auditada. Material em ..\GOOGLE ADS - REFERÊNCIA LOCAL\ · retomar por RETOMADA-GOOGLE.md (1º passo: desativar recomendações automáticas). Próximo deploy combinado levará Google Tag/GA4 + seção "Avalie no Google" na hub + redirect /avaliargoogle.