【Template: Swiss International Deck】
【Purpose】For presenting facts, products, analysis, and methodologies. Extremely calm, rational, and academic, with no hand-drawn elements, noise, or decorations. Inspired by op7418/guizang-ppt-skill Style B.
【Theme】Must choose one of the 4 sets below, no mixing or hex code modification allowed:
- 🔵 Klein Blue (IKB) — accent , paper , ink . For business/AI/design scenarios.
- 🟡 Lemon Yellow — accent , paper (light cream), ink . For youth/retail/sports. Text must be black (not white).
- 🟢 Lemon Green / Neon — accent , paper , ink . For sustainability/tech startups/Gen-Z brands. Text must be black.
- 🟠 Safety Orange — accent , paper , ink . For industry/automotive/emergency announcements. Text must be white + bold ≥ 600.
【Layout — 22 Reusable Layout Pool, no new or modified layouts allowed; Quantity determined by content, fully cover [User Content] (start with 6-10 slides for short content, far more for long content, same layout can be reused in different sections)】
- S01 Cover — Full-screen accent + ASCII breathing dot matrix + reversed title + metadata chrome (date / № / topic).
- S02 Vertical Timeline — Left dashed axis + dots; Right nodes = year + KPI + description.
- S03 Statement — 9.6vw centered large text + left large blank space + bottom hairline + annotation.
- S04 Six Cells — 2×3 grid, each cell: icon + number + short title + single-line description.
- S05 Three Sub-cards — Left hero title + right 3 horizontally stacked gray cards.
- S06 KPI Tower — 4 columns of varying-height blue bars; icon on top of bars; large number + label at bottom of bars.
- S07 H-Bar Chart — Horizontal ranking bars, width reflects data, number marked at the end.
- S08 Duo Compare — Vertical divider; Left Before / Right After.
- S09 Closing Manifesto — Left IKB block + ASCII dot matrix + manifesto; Right white background + 3 key points.
- S10 Dot Matrix Statement — Centered manifesto + corner geometric dot matrix / ring matrix.
- S11 Horizontal Timeline — Top headline, middle hairline axis, equidistant nodes, step name below nodes.
- S12 Manifesto + Ink Banner — Top half headline + explanation; Bottom half full-width black banner + reversed small text.
- S13 Three Forces Cards — Left ink hero block; Right 3 gray cards, each card: large number + text.
- S14 Loop Diagram — Left numbered steps; Right SVG concentric rings; Center "LOOP" label.
- S15 Image Matrix + Hero Stat — 4×3 equal-height cards (12 items) + bottom summary large number + label.
- S16 Multi-card Brief — 3×2 micro-cards; Main text top-left, footnote bottom-right, single card highlighted with accent.
- S17 System Diagram — Left headline + 3 paragraphs of description; Right SVG three concentric circles + external labels.
- S18 Why Now — 3 columns, each column: category label + headline + description + bottom number (last column with accent).
- S19 Four Cards — Top accent hairline + headline + 4 equal-width cards (metadata / title / body text).
- S20 Stacked KPI Ledger — Vertical rows + hairline dividers; Left large number / middle label / right icon.
- S21 Tech Spec Sheet — Left title block / middle 3 KPI hairlines / right varying-height bars / bottom data.
- S22 Image Hero — Top 60% full-width image + white title block overlay; Bottom 40% explanation + 3 columns of KPI.
【Design Details — Non-negotiable Rules】
- Only right angles: throughout. Rounded corners = immediate violation.
- 1px hairline borders, black or accent; No shadows/gradients/blur allowed.
- 16-column grid:
grid-template-columns: repeat(16, 1fr); gap: 0
- Fonts: Inter Tight (Latin display) / Inter (body) / Noto Sans SC (Chinese) / JetBrains Mono (data); No serif or decorative fonts allowed.
- Extreme font size contrast: Cover uses 9.6vw display font, body text 14-16px, label 11px uppercase with letterspacing 0.08em.
- Keyboard ← / → navigation + hash sync; Fixed corner labels: at bottom-right, topic label at bottom-left.
- No fabrication: Numbers must come from user input, chart bar height = proportional to real data.
- Output as a single HTML file, no external image URLs allowed; Decorative geometry (ASCII matrix / concentric circles) using pure CSS or inline SVG.