Emerald Editorial (História de Capa Esmeralda)

Um sistema de apresentação de negócios com capa de revista inspirado em cabeçalhos de revistas de moda e programas de teatro do século XIX: um campo esmeralda saturado, tinta azul marinho profunda, blocos de papel em tons quentes, ornamentos de régua dupla bilateral e Bodoni Moda com peso 900. Curado do template zarazhangrui/beautiful-html-templates com licença MIT emerald-editorial.

Comece em example.html nesta pasta de plugin. É a semente travada: mantenha seus tokens :root, todos os oito blocos CSS do master de slide, o elemento <deck-stage> e todo o script de tempo de execução do palco da apresentação embutido, literalmente. Substitua apenas o conteúdo de texto, números e rótulos. Não reescreva o design e não introduza nenhuma cor ou fonte fora desta especificação.

Tokens de design (travados — liste literalmente em :root)

O fundo da página fora do palco é #0a0a0a (a barra de letras de tempo de execução). A tríade esmeralda / azul marinho / papel é toda a paleta — nunca introduza uma quarta família de cores. Os pares de cores são fixos: tinta sobre esmeralda, esmeralda sobre azul marinho (a única inversão de cor de exibição), tinta sobre papel. Pílulas Delta/tag invertem: pílula esmeralda em um bloco azul marinho, pílula azul marinho em um bloco de papel.

Tipografia (travada — exatamente duas fontes)

Google Fonts: Bodoni Moda (700/800/900) + Manrope (400–800). Nunca uma terceira fonte — nem Playfair, nem Inter, nem fontes do sistema.

• Bodoni Moda 900 — todos os momentos de exibição primária, com kerning negativo (−0,01em a −0,03em) e entrelinhamento apertado (0,9–0,95). Níveis de escala: numeral jumbo de 460px (apenas painéis azul marinho) · título da agenda de 200px · linhas de capa de 184px · linhas de encerramento de 180px · declarações/títulos de seção de 128–130px · títulos de gráficos/processos de 104–120px · figuras de KPI de 144px (sufixo de unidade de 60px) · estatísticas de painel lateral de 92px.
• Bodoni Moda 800 — palavras de ornamento (68–84px), títulos de bloco/cartão (40–64px). Bodoni Moda 700 — apenas preposições pequenas.
• Manrope 500 — parágrafos de corpo, 24–28px, altura da linha 1,4–1,5. Nunca maior que 28px.
• Manrope 700–800, SEMPRE EM MAIÚSCULAS com espaçamento entre letras de 0,05–0,18em — todos os cabeçalhos, rodapés, sobrancelhas, rótulos, tags, legendas, deltas, créditos (24–30px). Manrope em caixa de sentença é cromo proibido.

Bodoni nunca aparece em escala de corpo/rótulo; Manrope nunca aparece em escala de exibição. Sem itálico, sem sublinhado — a ênfase é tamanho, inversão e ornamento.

Dispositivos de assinatura (não opcionais quando o tipo de elemento aparece)

• Ornamento de régua dupla — a identidade do sistema: uma palavra Bodoni 800 centralizada, entre parênteses em ambos os lados por duas réguas de tinta empilhadas de 4px (espaço de 3px; réguas de 5px na capa). O enquadramento "O X de Y" do programa de teatro nos slides de capa, declaração e encerramento. Sempre bilateral. Variantes via :root[data-ornament="single"|"none"] existem, mas a forma dupla é o padrão.
• Cabeçalho / rodapé — linhas flexíveis Manrope em maiúsculas posicionadas absolutamente (duas strings em lados opostos) em top: 56px / bottom: 56px, com recuo de 80px. Obrigatório na capa e no encerramento; os slides de conteúdo carregam um cabeçalho com seção + contagem de strings.
• Réguas sólidas de 4px --ink — todos os separadores de seção, borda de linha de agenda, régua superior de bloco, divisor de grade. Apenas 5px para ornamentos de capa/encerramento; apenas 2px para linhas de grade de gráficos. Nunca 1px, nunca tracejado, nunca qualquer outra cor.
• Bloco invertido — azul marinho sólido com texto esmeralda: cartões de gráfico, blocos de KPI, etapas de processo, o painel de abertura de seção. Alterne em blocos de papel (preenchimento de papel, texto em tinta) para quebrar linhas: o fluxo do processo alterna tinta → papel → tinta → papel.
• Pílulas de marca / tag / delta — chips Manrope em maiúsculas de retângulo estrito (24px, 0,08–0,12em).
• Apenas tinta impressa plana — zero border-radius, zero box-shadow, zero gradientes, zero desfoque, zero brilho. Profundidade = inversão de bloco de cor + réguas de 4px. Nada mais.

…