--- name: html-ppt-zhangzara-pin-and-paper description: | 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. triggers: - "pin-and-paper" - "zhangzara-pin-and-paper" - "Pin & Paper" - "crafted" - "handmade" - "literary" - "intimate" - "research findings with personality" - "qualitative report" - "html deck" - "html slides" - "zhangzara" od: mode: deck scenario: marketing upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" upstream_license: MIT preview: type: html entry: example.html design_system: requires: false speaker_notes: false animations: false --- # Pin & Paper > Yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture. A single self-contained HTML deck — typography, palette, decorative system, and slide vocabulary are all tuned together. Mixing layouts across templates breaks the system; stay inside this one. ## At a glance - **Scheme:** light - **Formality:** medium - **Density:** medium - **Slides in demo:** 11 ## Best for Anything 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. ## Avoid for Decks that need to feel digital-native polished or rigorously data-driven — handwritten Caveat is intentionally informal. ## Workflow 1. **Clone `example.html` AND the `assets/` folder** into the user's workspace. This template ships an `assets/deck-stage.js` runtime (keyboard navigation, stage rendering) and an `assets/styles.css` stylesheet. The HTML references them as `assets/deck-stage.js` and `assets/styles.css`, so both must sit next to the cloned HTML or those paths will 404 in the generated artifact and navigation/styling will silently break. Inlining the JS/CSS into a single `