# Swiss-style HTML deck in Klein blue

> An HTML deck in the International Typographic Style: sans-serif only, a strict grid, square corners, hairlines, and one saturated color, here Klein blue on white. It is the Swiss theme of the creator's guizang-ppt-skill, which has 22 named layouts.

- Kind: Slides
- Page: https://meetreference.com/v/swiss-style-html-deck-klein-blue/
- Ready-to-use agent handoff: https://meetreference.com/v/swiss-style-html-deck-klein-blue/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/swiss-style-html-deck-klein-blue/prompt.txt
- Authorship: Not stated
- Made with: Not stated
- Model: not stated
- Built with: HTML and CSS
- Skills or plugins: guizang-ppt-skill
- Style: Decks; swiss, international typographic style, klein blue, grid, minimal, html deck, chinese
- Slides: 18
- Shared by @op7418 in X, May 11, 2026: https://x.com/op7418/status/2053657613460771142
- Prompt fidelity: Partial. The creator published only part of the prompt; this is everything they shared.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

Requirements reported by the source: guizang-ppt-skill (npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill); Your own content; Answers to the skill's theme and setup questions; Optional: Codex with image generation, for illustrations.

## Recreating this deck

These are the creator's published instructions, unedited.

To adapt it: Say "瑞士风" (Swiss style) for this look, then pick one of the four themes it offers; "杂志风" gives the magazine theme instead.

## Prompt

```text
帮我做一份瑞士风 PPT。
```

## What it looks like

Written by Reference from the recording frames, not by the creator.

Clean white slides on a fine grid, with very thin, very large sans-serif headlines and one saturated Klein blue for full panels, highlighted words, and bars.

- Color: White and very light gray with Klein blue; the theme previews add lemon yellow, lemon green, and safety orange, and one slide is near-black.
- Type: Ultra-light sans-serif headlines in Chinese and Latin, some words in blue or italic, and tiny uppercase monospace labels and numbers in the margins.
- Framing: Strict left-aligned grids with hairline rules and square corners, half-blue and half-white splits for covers and statements, tall blue bars for comparisons, and lots of empty space.
- Structure: What's new (three numbered updates), four theme covers, a full-blue statement (在不确定世界制造确定性), harness and skill slides ("Build a thin harness. Write fat skills. Codify everything.", a loop diagram, judgment against code), a grid of slides with film-look photos, then the theme's rules: one color only, 8:1 type contrast, bigger means thinner, square corners and flat color, a 16-column grid, and a black slide on animated paper backgrounds.

Storyboard of the slides: https://meetreference.com/media/swiss-style-html-deck-klein-blue/storyboard.webp

- Slide 1: https://meetreference.com/media/swiss-style-html-deck-klein-blue/f1.webp
- Slide 3: https://meetreference.com/media/swiss-style-html-deck-klein-blue/f2.webp
- Slide 5: https://meetreference.com/media/swiss-style-html-deck-klein-blue/f3.webp
- Slide 7: https://meetreference.com/media/swiss-style-html-deck-klein-blue/f4.webp
- Slide 10: https://meetreference.com/media/swiss-style-html-deck-klein-blue/f5.webp
- Slide 12: https://meetreference.com/media/swiss-style-html-deck-klein-blue/f6.webp
- Slide 14: https://meetreference.com/media/swiss-style-html-deck-klein-blue/f7.webp
- Slide 16: https://meetreference.com/media/swiss-style-html-deck-klein-blue/f8.webp
- Slide 18: https://meetreference.com/media/swiss-style-html-deck-klein-blue/f9.webp

## How it was made, per the creator

- One-shot: no
- Notes: This phrase starts the skill's Swiss theme. It then asks which of four themes to use (Klein blue, lemon yellow, lemon green, safety orange; no custom hex), the same six setup questions as the magazine theme, and shows an outline before writing code. The creator says to use it in Claude or Codex, and that in Codex it offers matching illustrations from GPT-Image 2.0; which agent made the slides shown isn't stated. The slides are from the creator's own update deck, on harnesses, skills, and the theme's design rules; a collage, a comparison table, and Codex screenshots from the article are left out.

> A 适合讲故事，B 适合讲事实。
> (@op7418)

## Links

- Watch: https://x.com/op7418/status/2053657613460771142
- Original post: https://x.com/op7418/status/2053657613460771142
- guizang-ppt-skill on GitHub: https://github.com/op7418/guizang-ppt-skill
- The skill's first post, with the magazine theme: https://x.com/op7418/status/2047486546300051478