deck-swiss-international

【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
```
#002FA7
```
, paper
```
#fafaf8
```
, ink
```
#0a0a0a
```
. For business/AI/design scenarios.
🟡 Lemon Yellow — accent
```
#FFD500
```
, paper
```
#f7f5ee
```
(light cream), ink
```
#0a0a0a
```
. For youth/retail/sports. Text must be black (not white).
🟢 Lemon Green / Neon — accent
```
#C5E803
```
, paper
```
#f7f5ee
```
, ink
```
#0a0a0a
```
. For sustainability/tech startups/Gen-Z brands. Text must be black.
🟠 Safety Orange — accent
```
#FF6B35
```
, paper
```
#f7f5ee
```
, ink
```
#0a0a0a
```
. 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:
```
border-radius: 0
```
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:
```
№N/N
```
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.

deck-swiss-international

NPX Install

Tags

SKILL.md Content (Chinese)