deck-open-slide-canvas

【Modelo: Deck Livre de Tela de 1920】 【Intenção】Cenários onde você não quer ser limitado por um modelo (portfólio pessoal, palestras peculiares, decks de aulas de arte/design). Fornece uma tela fixa de 1920×1080 + restrições de tipo/paleta de cores muito fortes, permitindo que o agente organize livremente cada página com base no conteúdo, como se estivesse escrevendo um componente React. Inspirado por 1weiho/open-slide.

【Especificações Técnicas Rígidas】

• Tela: Cada página usa estritamente width: 1920px; height: 1080px; para transform: scale(...) adaptar à janela de visualização (padrão scale(0.7) centralizado).
• Estritamente proibido overflow: O conteúdo de cada página deve caber em 1920×1080, sem barras de rolagem.
• Escala de tipo de tamanho de fonte (px): 2xs:18 · xs:22 · sm:28 · md:36 · lg:48 · xl:64 · 2xl:88 · 3xl:120 · 4xl:160 · 5xl:220.
• Preenchimento (padding): Uma das três opções: 96 / 128 / 160.
• Cada página tem <section class="slide" data-slide-id="<n>">.

【Paleta de Cores — Escolha 1 conjunto por deck, sem alterações durante todo o processo】

• 🌫 Cinza e Limão — fundo #f1efea, tinta #161616, destaque #c5e803.
• 🌌 Índigo Marinho — fundo #0a0e1a, tinta #f5f5f7, destaque #5ac8fa.
• 🧉 Mate Mocha — fundo #1a1411, tinta #f5e9d6, destaque #d97757.
• 🌸 Rosa Pérola — fundo #fdf6f3, tinta #1a1015, destaque #ff5d8f.

【Liberdade de Layout — Este é o ponto principal】

• Não força um modelo, cada página escolhe o layout com base na natureza do conteúdo: capa / pergunta / citação / imagem-texto / três colunas / cinco colunas / lista / cartão de dados / imagem em tela cheia.
• Mas cada página deve seguir uma regra: apenas 1 centro de gravidade visual (hierarquia visual) — uma frase de efeito, um número, uma imagem, não "enfatize tudo".
• Não é permitido inserir dois parágrafos de texto iguais; se precisar de paralelismo, use uma grade de 3 colunas de peso igual.

【Fontes】

• Ocidental: Inter Tight (display) + Inter (corpo); ou Source Serif Pro (para estilo editorial).
• Chinês: Noto Sans SC (estilo sans) ou Noto Serif SC (estilo editorial); não misture sans + serif.
• Mono: JetBrains Mono para dados / carimbos de data/hora.

【Detalhes de Design】

• Proibido usar emojis como decoração (permitido no conteúdo); proibido arco-íris multicolorido; use apenas uma cor para o destaque.
• Proibido usar ícones SVG de bibliotecas genéricas como lucide / feather (escreva SVG inline você mesmo).
• Adicione navegação com as teclas ← / → + sincronização de hash; canto fixo: inferior direito №N/M, inferior esquerdo título do deck.
• Deve usar o conteúdo real do usuário; proibido lorem ipsum.
• HTML de arquivo único; Tailwind CDN; não use imagens externas.