Editorial Forest (林间编辑部)

Um tema de apresentação editorial calmo e ponderado — verde floresta profundo, rosa empoeirado e papel creme quente encontram o Source Serif 4. Construído para revisões trimestrais, leituras internas, atualizações de estúdio, resumos de pesquisa e qualquer coisa que deva parecer calorosa e sem pressa, em vez de corporativa. Evite-o para conteúdo que precise parecer urgente, impactante ou focado em vendas.

Portado do template zarazhangrui/beautiful-html-templates com licença MIT editorial-forest.

Comece em example.html na pasta deste plugin. Esta é a semente bloqueada: mantenha o script de tempo de execução inline <deck-stage>, o bloco de token :root e todos os layouts de skin exatamente como estão — substitua apenas o conteúdo dos slides. Não reescreva o design, não introduza cores ou fontes fora da especificação abaixo.

Tokens de design (bloqueado — liste exatamente em :root)

:root {
  --green: #2e4a2a;        /* forest green — dark canvas + primary text on cream */
  --green-deep: #243a21;   /* text on pink surfaces */
  --green-lite: #3a5a36;   /* lighter green tile variant */
  --pink: #e89cb1;         /* dusty pink — accent, text on green, bar series A */
  --pink-deep: #d27e96;    /* pink tile border */
  --cream: #efe7d4;        /* warm cream paper — light canvas, text on green */
  --cream-2: #e6dcc4;      /* secondary cream tile */
  --ink: #1a1a17;          /* body text on cream */
  --serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}

• Sem outras cores. Sem gradientes, sem sombras, sem superfícies roxas/índigo, sem branco ou preto puro. rgba(239,231,212,0.18) (creme a 18%) é o único alfa permitido, usado para linhas de grade de gráficos.
• Sem outras fontes. Source Serif 4 (pesos 300–800, peso 500 é o padrão de exibição) para todos os títulos e corpo; JetBrains Mono (400/500/700, peso 500 padrão) para introduções, números, legendas e rótulos de eixo. Carregue via Google Fonts <link> já presente na semente.

Tipografia e dispositivos de assinatura

• Tamanhos de exibição: capa/resumo h1 220px em line-height: 0.92–0.94, h2 de seção 80–96px, citação de declaração 140px, números de KPI 220px (unidade 110px em creme). Espaçamento entre caracteres de -0.02em em serifas de exibição; rótulos mono em maiúsculas em letter-spacing: 0.12–0.18em, 24–28px.
• Introduções mono em maiúsculas .label ancoram a borda superior de cada slide; rótulos emparelhados à esquerda/direita são a assinatura do cabeçalho.
• O monograma circular .mark (130px, borda de 2px) na capa; o rodapé .footline inferior; linhas de 2px (border-top: 2px solid) acima das linhas de metadados, linhas de KPI e colunas de resumo; cartões com raio de 6–8px e bordas de 2–2,5px. Esses dispositivos são o tema — mantenha-os.

Ritmo de esquema misto (8 slides)

Alterne fundos escuros, claros e rosa — nunca mais de dois slides do mesmo tom seguidos:

Reutilize esses mestres para apresentações mais longas (uma segunda .two-col ou .data, outra .statement); mantenha a alternância de tom. Gráficos permanecem puro CSS/HTML (divs de altura percentual .bar); diagramas e ícones são SVG inline traçados apenas com cores de token — nunca Chart.js, mermaid ou imagens remotas.

Sistema de palco e tempo de execução (bloqueado)

• Cada slide é um <section class="…" data-screen-label="NN Label"> criado em uma resolução fixa de 1920×1080 (width: 1920px; height: 1080px; overflow: hidden), um filho direto de <deck-stage aspect="1920/1080" no-rail>.

…