swiss-creative-mode-template

swiss-creative-mode-template is a presentation-template skill in the Open Design collection that produces a premium Swiss/editorial-style HTML artifact. It solves the problem of quickly generating a visually striking, interactive presentation-style landing page or brutalist deck without hand-building the layout, typography, and interaction logic from scratch. The output is a single self-contained HTML file with inline CSS and JavaScript and no external runtime dependencies.

The skill ships a working template (assets/template.html), a hand-built example (example.html), and a validation checklist (references/checklist.md). Its workflow reads an active DESIGN.md, maps palette, type, and layout decisions into root CSS variables, then copies the template to index.html while preserving a fixed structure: a hero scene with a bold title and geometric frame, a four-step process card row, and a stack/architecture diagram scene. Required interactions include prev/next slide navigation with dot navigation, a paper/dark theme toggle, a palette-cycle button that changes accent colors across the template, and a hotspot toggle for annotations. The checklist enforces quality bars such as keyboard accessibility, contrast in both themes, and the absence of sandbox-hostile APIs like unguarded localStorage or alert/confirm/prompt.

Target users are designers, developers, and agents building premium presentation-style landing pages, launch pages, or creative decks with a Swiss/brutalist aesthetic. It is well suited to producing polished, presentation-ready artifacts that work without build tooling or external assets, making it easy to preview and share.