deck-swiss-international

【Modelo: Deck Internacional Suíço (Swiss International)】 【Intenção】Expressão de fatos, produtos, análises, metodologias. Extremamente calmo, racional, acadêmico, sem nenhum desenho à mão / ruído / decoração. Inspirado no estilo B de op7418/guizang-ppt-skill.

【Tema】Escolha apenas uma das 4 opções abaixo, não misture, não altere os códigos hexadecimais:

• 🔵 Azul Klein (IKB) — destaque #002FA7, papel #fafaf8, tinta #0a0a0a. Cenários de negócios / IA / design.
• 🟡 Amarelo Limão — destaque #FFD500, papel #f7f5ee (creme leve), tinta #0a0a0a. Jovem / varejo / esportes. O texto deve ser preto (não branco).
• 🟢 Verde Limão / Neon — destaque #C5E803, papel #f7f5ee, tinta #0a0a0a. Sustentabilidade / startups de tecnologia / marcas Gen-Z. O texto deve ser preto.
• 🟠 Laranja de Segurança — destaque #FF6B35, papel #f7f5ee, tinta #0a0a0a. Industrial / automotivo / mensagens de emergência. Texto branco + negrito ≥ 600.

【Layout — 22 layouts reutilizáveis, não adicione nem modifique layouts; a quantidade é determinada pelo conteúdo, cobrindo completamente o [Conteúdo do Usuário] (conteúdo curto a partir de 6-10 slides, conteúdo longo deve exceder muito esse escopo, o mesmo layout pode ser reutilizado em diferentes capítulos)】

• S01 Capa — tela cheia de destaque + grade de respiração ASCII + título invertido + metadados em cromo (data / № / tópico).
• S02 Linha do Tempo Vertical — eixo pontilhado à esquerda + pontos; nós à direita = ano + KPI + descrição.
• S03 Declaração — 9.6vw de texto gigante centralizado + grande espaço em branco à esquerda + linha fina na parte inferior + anotação.
• S04 Seis Células — grade 2x3, cada célula: ícone + número + título curto + descrição de uma linha.
• S05 Três Sub-cartões — título principal à esquerda + 3 cartões cinzas empilhados horizontalmente à direita.
• S06 Torre de KPI — 4 colunas de barras azuis de altura variável; ícone no topo da barra; número grande + rótulo na base da barra.
• S07 Gráfico de Barras H — barras horizontais de classificação, largura reflete os dados, número marcado no final.
• S08 Comparação Dupla — linha divisória vertical; Esquerda Antes / Direita Depois.
• S09 Manifesto de Encerramento — bloco IKB à esquerda + grade ASCII + manifesto; fundo branco à direita + 3 pontos principais.
• S10 Declaração de Matriz de Pontos — manifesto centralizado + matriz geométrica de pontos / matriz de anéis nos cantos.
• S11 Linha do Tempo Horizontal — título no topo, eixo de linha fina no meio, nós equidistantes, nome do passo abaixo dos nós.
• S12 Manifesto + Faixa de Tinta — título e explicação na metade superior; faixa preta de largura total na metade inferior + texto pequeno invertido.
• S13 Três Cartões de Força — bloco principal de tinta à esquerda; 3 cartões cinzas à direita, cada cartão: número grande + texto.
• S14 Diagrama de Loop — passo numerado à esquerda; anéis concêntricos SVG à direita; rótulo "LOOP" no centro.
• S15 Matriz de Imagens + Estatística Principal — cartões de altura igual 4x3 (12 itens) + número grande de resumo na parte inferior + rótulo.
• S16 Resumo de Múltiplos Cartões — micro cartões 3x2; texto principal no canto superior esquerdo, nota de rodapé no canto inferior direito, destaque de destaque em um único cartão.
• S17 Diagrama do Sistema — título à esquerda + 3 parágrafos de descrição; 3 anéis concêntricos SVG à direita + rótulos externos.
• S18 Por Que Agora — 3 colunas, cada coluna: rótulo de categoria + título + descrição + número na parte inferior (última coluna em destaque).
• S19 Quatro Cartões — linha fina de destaque no topo + título + 4 cartões de largura igual (metadados / título / corpo).
• S20 Livro de Registro de KPI Empilhados — linhas verticais + divisórias de linha fina; número grande à esquerda / rótulo no meio / ícone à direita.
• S21 Folha de Especificações Técnicas — bloco de título à esquerda / 3 KPIs com linha fina no meio / barra de altura variável à direita / dados na base.
• S22 Imagem Principal — imagem de tela cheia de 60% na parte superior + bloco de título branco sobreposto; 40% inferior com explicação + 3 colunas de KPI.

【Detalhes de Design — Regras Absolutas】

• Use apenas ângulos retos: border-radius: 0 durante todo o processo. Cantos arredondados = violação imediata.
• Bordas de linha fina de 1px, pretas ou em destaque; sombras / gradientes / desfoque estritamente proibidos.
• Grade de 16 colunas: grid-template-columns: repeat(16, 1fr); gap: 0.
• Fontes: Inter Tight (display latino) / Inter (corpo) / Noto Sans SC (chinês) / JetBrains Mono (dados); fontes serifadas e decorativas estritamente proibidas.
• Contraste extremo de tamanho de fonte: capa usa display de 9.6vw, corpo 14-16px, rótulo 11px com espaçamento entre letras de 0.08em.
• Alternância de teclado ← / → + sincronização de hash; canto fixo: №N/N inferior direito, rótulo do tópico inferior esquerdo.
• Não invente: números devem vir da entrada do usuário, altura da barra do gráfico = dados reais proporcionais.
• Saída em um único arquivo HTML, sem URLs de imagem externas; decorações geométricas (matriz ASCII / anéis concêntricos) usando CSS puro ou SVG inline.