sales-deck-production

Sales Deck Production — HTML → PDF que abre, cabe e imprime

O entregável é o PDF (ou o deck exportado), não o HTML. Esta skill padroniza como construir o HTML para impressão, como exportar sem depender de rede e — sobretudo — como verificar o PDF antes de entregar. Marca, paleta, tipografia e componentes vêm do design system do projeto (apontado em docs/smart-memory/project/brand.md); a skill dá a mecânica, não o visual.

1. Estrutura do HTML

• Um arquivo por artefato, na pasta da proposta, nomeado conforme a convenção do projeto
• Uma <section class="page"> por página do §9 do planejamento — nem mais, nem menos. Ordem idêntica
• templates/page-skeleton.html traz o esqueleto: <head> com fontes locais, <style> com templates/print.css embutido, seções nomeadas por data-page="N" e data-title
• Componentes de página (adaptar ao design system): cover · toc · opener (aberturas I/II/III) · content (título-asserção + corpo + prova) · table (investimento, compromisso conjunto) · closing (próximo passo) · back-cover
• Números e textos copiados da copy aprovada e da ficha de números — nunca digitados de memória

2. Print CSS — o que não pode faltar

@page { size: A4; margin: 0; }            /* ou 16:9 para deck: size: 338.67mm 190.5mm */
html, body { margin: 0; padding: 0; }
.page { width: 210mm; height: 297mm; overflow: hidden; break-after: page; position: relative; box-sizing: border-box; }
.page:last-child { break-after: auto; }
table, figure, .card, blockquote, img, svg { break-inside: avoid; }
h1, h2, h3 { break-after: avoid; }
p { orphans: 3; widows: 3; }
* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

Regras práticas:

• Fundo na .page, nunca em html/body — fundo no body gera página extra em branco
• overflow: hidden na .page para o excesso não vazar para uma página fantasma; o excesso é detectado na checagem (§4), não escondido silenciosamente — relatar à redatora
• Fontes: @font-face com arquivos locais (file:// relativo) ou data: embutido; nunca <link> para CDN no export. Esperar document.fonts.ready antes de imprimir
• Imagens em resolução de impressão (≥ 150 dpi no tamanho final); SVG para logos e ícones
• Nada de animação, position: fixed global ou 100vh — unidades em mm