# Kinko Showcase — Link Manifest

Every artifact in this package, with a relative path you can open or link to.
All paths are relative to the package root (the folder containing this file).

**Self-contained:** no internet required. All fonts and JS libraries are vendored
locally (root `vendor/` plus a local `vendor/` inside each React/Babel prototype).
There are zero CDN / external URLs anywhere in the package.

**To run:** serve this folder over HTTP, then open `index.html`.
```
python3 -m http.server 8421     # run inside this folder
# then open http://localhost:8421/
```
A local HTTP server is required because the JSON/SVG-driven viewers use `fetch()`.
Most static pages also open fine via `file://`.

Start here: **[`index.html`](index.html)** — clickable launcher for everything below.

---

## 01 · App Prototypes — `01-app-prototypes/`

| Artifact | Path | Notes |
|---|---|---|
| Policy Analyser | `01-app-prototypes/policy-analyser/index.html` | React 18 + Framer Motion + htm (UMD globals, vendored under its own `vendor/`). |
| Life Simulator (game) | `01-app-prototypes/life-simulator-game/screens/life-simulator.html` | Main game screen, Lottie mascot, KDS tokens/components. |
| Coverage Calculator | `01-app-prototypes/life-simulator-game/screens/coverage-calculator-kds.html` | React + Babel-standalone (vendored under `screens/vendor/`). |
| Persona explorations | `01-app-prototypes/life-simulator-game/screens/sim-persona-explorations.html` | |
| Persona refined | `01-app-prototypes/life-simulator-game/screens/sim-persona-refined.html` | |
| Load/result explorations | `01-app-prototypes/life-simulator-game/screens/sim-loadresult-explorations.html` | |
| Policy gap — cards | `01-app-prototypes/policy-gap-explorations/policy-gap-cards.html` | Static board. |
| Policy gap — cards v2 | `01-app-prototypes/policy-gap-explorations/policy-gap-cards-v2.html` | Static board. |
| Policy gap — iceberg v2 | `01-app-prototypes/policy-gap-explorations/policy-gap-iceberg-v2.html` | Static board. |
| Policy gaps — card | `01-app-prototypes/policy-gap-explorations/policy-gaps-card.html` | Static board. |
| Insurance illustration | `01-app-prototypes/insurance-illustration.svg` | Standalone SVG. |
| Section README | `01-app-prototypes/README.md` | |

Game support folders: `01-app-prototypes/life-simulator-game/css/`,
`.../tokens/`, `.../README.md`.

## 02 · Mascot Animation — `02-mascot-animation/`

**Two headline pages (explicitly requested):**

| Artifact | Path | What it does |
|---|---|---|
| **All mascot poses (gallery)** | `02-mascot-animation/viewers/koala-lottie-all.html` | Renders every rigged pose together from the Lottie JSON. |
| **Illustration generator (JSON-driven)** | `02-mascot-animation/viewers/exploration.html` | Generates illustrations live from SVG/JSON pose data. |
| Pose downloads / export | `02-mascot-animation/viewers/downloads.html` | Pose set for inspection/export. |

All viewers/tests — `02-mascot-animation/viewers/`:
`onboarding.html`, `onboarding-v1.html`, `wave-koala-rigged.html`, `wave-koala.html`,
`wave-test.html`, `ripple-splash.html`, `koala-lottie.html`, `koala-compare.html`,
`koala-frozen.html`, `koala-fixtest.html`, `koala-v2-test.html`, `koala-smil-test.html`,
`koala-shadow-test.html`, `koala-pose4-only.html`, `pose4-diff.html`,
`pose4-pivot-debug.html`, `inspect-poses.html`, `preview.html`.
(`lottie.min.js` is vendored alongside the viewers.)

Source & pipeline:
- `02-mascot-animation/source-poses/` — original SVG/PNG poses
- `02-mascot-animation/lottie-json/` — rigged Lottie JSON (`koala-poseN-rigged.json`, base, variants, ripple, onboarding, bear-wave + `.lottie`)
- `02-mascot-animation/rigging-scripts/` — Python rigging scripts (`rig_*.py`)
- `02-mascot-animation/raster-frames/` — `wave-bear-frames/`, `wave-koala-frames/`
- `02-mascot-animation/webp/` — WebP exports
- `02-mascot-animation/README.md`

## 03 · Learnings & Reference — `03-learnings-and-reference/`

| Doc | Path |
|---|---|
| Mascot animation learnings | `03-learnings-and-reference/mascot-animation-learnings.md` |
| Policy Analyser build notes | `03-learnings-and-reference/policy-analyser-build-notes.md` |
| Life Simulator game notes | `03-learnings-and-reference/life-simulator-game-notes.md` |
| Illustration style | `03-learnings-and-reference/illustration-style.md` |
| UI design trends 2026 | `03-learnings-and-reference/ui-design-trends-2026.md` |

## Shared vendor — `vendor/`
- `vendor/fonts/` — Plus Jakarta Sans TTFs (`pjs-400…800.ttf`) + `fonts.css`

## Root docs
- `README.md` — master handoff
- `index.html` — clickable launcher
- `LINKS.md` — this manifest