Certificado HTML

Certificados HTML de conclusão: estrutura, impressão e verificação

Cursos online, treinamentos corporativos, bootcamps e webinars fecham todos com o mesmo artefato: o certificado de conclusão. A versão em HTML virou padrão porque pode ser embutida em uma LXP (Learning Experience Platform), compartilhada como URL pública no LinkedIn, exportada para PDF para impressão e assinada digitalmente — tudo a partir do mesmo arquivo-fonte. Coursera, Udemy, Alura, edX, Udacity e a maioria das plataformas EAD brasileiras renderizam o certificado a partir de um template HTML que depois é convertido para PDF, anexado ao cadastro do aluno e enviado por email.

Um certificado clássico tem seis regiões fixas: a borda decorativa, o logo ou marca do emissor, a frase "Certificado de Conclusão" (ou a expressão preferida pela instituição), o nome do destinatário em fonte grande de destaque, um parágrafo descritivo informando o curso, a carga horária e a data de conclusão, e um bloco de autenticação com uma ou duas assinaturas mais um QR Code de verificação opcional. O resto é decoração.

Tamanho de página, layout e tipografia

A área de impressão padrão é A4 paisagem (29,7 cm por 21 cm) no Brasil e na maior parte do mundo, e Letter paisagem (11 por 8,5 polegadas) nos Estados Unidos. Para visualização em tela, uma viewport de 1200 por 900 pixels dá um preview confortável. A tipografia define o tom: uma família serifada como Garamond, Times New Roman ou Playfair Display soa institucional, enquanto uma fonte manuscrita como Pinyon Script ou Great Vibes acrescenta elegância ao nome do destinatário. Misture no máximo duas famílias — corpo do texto em serifa clássica e o nome em manuscrita — para evitar um resultado poluído.

As bordas decorativas costumam ser desenhadas com padrões SVG, com a propriedade CSS border-image ou com um conjunto de divs aninhadas formando uma moldura clássica. Marcas d'água ao fundo, gradientes estilo holograma e números de série próximos ao rodapé sinalizam certificado corporativo; cursos para o público geral costumam dispensar isso.

Impressão e exportação para PDF

Para garantir que a impressão pelo navegador e o PDF exportado batam com a visualização, declare uma regra de página explícita:

@media print {
  @page { size: A4 landscape; margin: 0; }
  body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .no-print { display: none; }
}

Para gerar PDF de forma programática, os stacks mais usados são jsPDF com html2canvas (navegador), html2pdf.js (navegador) e Chrome headless via Puppeteer ou Playwright (servidor). O page.pdf() do Puppeteer respeita a regra @page e produz a saída mais limpa para pipelines de produção.

Verificação, assinatura digital e blockchain

Certificado impresso é fácil de falsificar. Emissores modernos adicionam três camadas de autenticação: um número de série único, uma URL de verificação atrás de um QR Code (geralmente exemplo.edu/verificar/{id}) e uma assinatura criptográfica. No Brasil, cursos com validade MEC usam assinatura digital ICP-Brasil acoplada ao PDF, o que dá ao documento valor jurídico nos termos da MP 2200-2/2001. No exterior, o Blockcerts (originado no MIT, adotado por Adobe e Salesforce Trailhead) ancora um hash do certificado em blockchain pública, permitindo que qualquer terceiro verifique a autenticidade sem precisar contatar o emissor. Decentralized Identifiers (DIDs) são o passo seguinte padronizado pelo W3C.

Padrões corporativos, cursos MEC e MOOCs

Certificados corporativos costumam seguir um manual de marca: arquivo de logo aprovado, paleta institucional, fonte de assinatura e marca d'água ou holograma. Cursos de graduação e lato sensu reconhecidos pelo MEC precisam incluir dados específicos — nome do curso, carga horária, data de conclusão, registro institucional — e muitas universidades mantêm um portal paralelo de validação digital. MOOCs (Coursera, edX, Udacity) emitem certificados em layouts semelhantes, mas com a marca da plataforma em destaque, e quase sempre apontam para uma página pública de perfil em vez de depender apenas do PDF.

Perguntas frequentes

O certificado imprime certo em A4? Sim. O layout é flexível e a regra @page acima força A4 paisagem. Para Letter dos EUA, troque size por letter landscape.

QR Code é obrigatório? Não. É opcional, mas fortemente recomendado em qualquer certificado de valor profissional, porque permite a terceiros confirmar a validade sem entrar em contato com você.

Dá para exportar para PDF direto do navegador? Sim. Use Ctrl+P (Cmd+P no Mac), escolha "Salvar como PDF" e selecione orientação paisagem. A regra @page cuida do resto.

Como adicionar assinatura digital com valor jurídico no Brasil? Gere o PDF e depois assine com um certificado ICP-Brasil A1 ou A3 usando o Adobe Acrobat, o assinador do gov.br ou uma lib como node-signpdf. A assinatura fica preservada no PDF e é verificável por qualquer leitor.

Qual a diferença entre certificado e currículo? Certificado é um documento único atestando um evento específico (um curso concluído, uma premiação). Currículo é uma narrativa de múltiplas páginas sobre toda a sua carreira. Os certificados são citados ou anexados ao currículo, não fazem parte dele.