Digits Fintech Swiss Template

A premium three-slide live-artifact template for data-storytelling in a Swiss grid language.

Resource map

digits-fintech-swiss-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Start from assets/template.html and keep the three-slide structure intact.
Replace copy and metric values while preserving card hierarchy and reading order.
Keep interactions:
- Prev / Next buttons
- keyboard navigation (ArrowLeft / ArrowRight)
- dot navigation
Keep motion subtle (slide fade + tiny hover lift only).
Keep the file self-contained (inline CSS/JS) with no sandbox-hostile APIs.

Emit one concise orientation sentence and then one HTML artifact:

<artifact identifier="digits-fintech-swiss" type="text/html" title="Digits Fintech Swiss Deck">
<!doctype html>
<html>...</html>
</artifact>

A premium three-slide live-artifact template for data-storytelling in a Swiss grid language.

digits-fintech-swiss-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Start from assets/template.html and keep the three-slide structure intact.
Replace copy and metric values while preserving card hierarchy and reading order.
Keep interactions:
- Prev / Next buttons
- keyboard navigation (ArrowLeft / ArrowRight)
- dot navigation
Keep motion subtle (slide fade + tiny hover lift only).
Keep the file self-contained (inline CSS/JS) with no sandbox-hostile APIs.

Emit one concise orientation sentence and then one HTML artifact:

<artifact identifier="digits-fintech-swiss" type="text/html" title="Digits Fintech Swiss Deck">
<!doctype html>
<html>...</html>
</artifact>