Bauhaus Primário (hps-bauhaus)

Plugin de deck com tema único portado do tema bauhaus com licença MIT do projeto principal lewislulu/html-ppt-skill (36 temas × 31 layouts × 27 animações). Este plugin bloqueia uma aparência: modernismo geométrico da história do design — a linguagem de 1919–1933 de Dessau de quadrado/triângulo/círculo, as três cores primárias em um fundo de papel envelhecido e tipografia que se comporta como um pôster.

Comece em example.html. Substitua apenas o conteúdo. Nunca reescreva o sistema de design ou o script de tempo de execução. Nunca introduza uma cor ou fonte fora da folha de tokens abaixo.

Folha de tokens bloqueada (:root, não desvie)

:root{
  --bg:#f4efe3;            /* aged canvas ground */
  --bg-soft:#e8e2d1;       /* darker canvas */
  --surface:#ffffff;       /* card paper */
  --surface-2:#f4efe3;
  --border:#111111;        /* ink — every stroke is this */
  --border-strong:#111111;
  --text-1:#111111; --text-2:#333333; --text-3:#666666;
  --accent:#e03c27;        /* Rot — red */
  --accent-2:#f4c430;      /* Gelb — yellow */
  --accent-3:#1d4eaf;      /* Blau — blue */
  --good:#1b8c3c; --warn:#f4c430; --bad:#e03c27;
  --grad:linear-gradient(135deg,#e03c27 0 33%,#f4c430 33% 66%,#1d4eaf 66% 100%);
  --grad-soft:linear-gradient(135deg,#f4efe3,#e8e2d1);
  --radius:0; --radius-sm:0; --radius-lg:0;          /* zero radius, always */
  --shadow:4px 4px 0 #111; --shadow-lg:8px 8px 0 #111; /* hard offset, never blurred */
  --font-sans:'Space Grotesk','Inter','Noto Sans SC',sans-serif;
  --font-mono:'JetBrains Mono',SFMono-Regular,Menlo,monospace;
  --font-display:'Archivo Black','Space Grotesk','Noto Sans SC',sans-serif;
  --letter-tight:-.03em; --letter-normal:-.01em;
  --ease:cubic-bezier(.4,0,.2,1);
}

Regras rígidas derivadas da folha:

• O gradiente de três faixas (--grad) tem paradas rígidas — é uma bandeira, não uma mistura. Use-o apenas em palavras de destaque .gradient-text, .tri-band e .divider-accent. Nunca use gradientes suaves com múltiplas paradas.
• Todo o cromo é tinta: bordas 2px solid #111 em cartões, pílulas, barras de gráficos, caixas de seleção; traços 3px dentro de SVG.
• Sombras são deslocamentos rígidos (4px 4px 0 #111, 8px 8px 0 #111). Sombras de desfoque rgba são proibidas.
• border-radius é 0 em todos os elementos, exceto no dispositivo de círculo geométrico (border-radius:50%).

Tipografia

• Display (.h1 .h2 .stat-big .quote .section-num .kpi .num): Archivo Black, peso 400 (a fonte já é preta — nunca use negrito falso), maiúsculas, espaçamento entre letras -.03em.
• Corpo (.lede, texto de cartão, listas): Space Grotesk, pesos 300–700.
• Mono (contadores de etapas, chip de tema, código): JetBrains Mono.
• Sem serifa, sem slab, sem escrita à mão, sem pincel — esses pertencem a temas irmãos (editorial-serif, peoples-platform), não a este.
• Google Fonts via @import é o único recurso remoto permitido.

Dispositivos de assinatura (mantenha estes; eles são o estilo)

• Marca Kandinsky: SVG inline de quadrado vermelho + triângulo amarelo + círculo azul, traços de tinta de 3px — na capa e no encerramento.
• Numerais de seção contornados: .section-num renderizados apenas com traço via -webkit-text-stroke:3px var(--text-1) com preenchimento transparente.
• Regras superiores primárias: .card-accent / .card-accent-2 / .card-accent-3 dão aos cartões uma borda superior vermelha/amarela/azul de 8px; rotacione as três cores primárias em uma grade em vez de repetir uma.
• Tri-band: .tri-band e .divider-accent são tiras com borda de tinta do gradiente rígido de três faixas.
• Caixas de seleção quadradas: .check li::before é um quadrado amarelo com borda de tinta com um traço de marca de tinta.
• Faixa Geo: .geo-square / .geo-triangle / .geo-circle repetem o motivo quadrado/triângulo/círculo como um ornamento de rodapé.

Sistema de layout (catálogo upstream compartilhado, 31 layouts)

O esqueleto do slide e o vocabulário de classes vêm do sistema upstream html-ppt. Categorias principais (compõem capa → índice → divisor de seção → páginas de conteúdo → encerramento):

…