{"id":"3a26a365-c1c1-44f4-b862-df43dce129f6","shortId":"awzQh7","kind":"skill","title":"html-ppt-zhangzara-pin-and-paper","tagline":"Pin & Paper — Yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture. Anything that should feel hand-crafted, warm, and literary: qualitative research findings, founder reflections, longform brand stories, workshop debriefs.","description":"# Pin & Paper\n\n> Yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture.\n\nA single self-contained HTML deck — typography, palette, decorative system,\nand slide vocabulary are all tuned together. Mixing layouts across templates\nbreaks the system; stay inside this one.\n\n## At a glance\n\n- **Scheme:** light\n- **Formality:** medium\n- **Density:** medium\n- **Slides in demo:** 11\n\n## Best for\n\nAnything that should feel hand-crafted, warm, and literary: qualitative research findings, founder reflections, longform brand stories, workshop debriefs. The signature safety-pin illustrations and paper-grain texture make it especially good for any deck — including tech or business — that wants personality and warmth over polish.\n\n## Avoid for\n\nDecks that need to feel digital-native polished or rigorously data-driven — handwritten Caveat is intentionally informal.\n\n## Workflow\n\n1. **Clone `example.html` AND the `assets/` folder** into the user's workspace.\n This template ships an `assets/deck-stage.js` runtime (keyboard navigation,\n stage rendering) and an `assets/styles.css` stylesheet. The HTML references\n them as `assets/deck-stage.js` and `assets/styles.css`, so both must sit next\n to the cloned HTML or those paths will 404 in the generated artifact and\n navigation/styling will silently break. Inlining the JS/CSS into a single\n `