---
name: html-ppt-zhangzara-stencil-tablet
description: |
Stencil & Tablet — Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand. Anything that should feel archival, tactile, and weighty-graphic: museum and cultural-institution decks, art / architecture brands, longform research, heritage and craft brands, manifestos.
triggers:
- "stencil-tablet"
- "zhangzara-stencil-tablet"
- "Stencil & Tablet"
- "archival"
- "earthy"
- "weighty"
- "considered"
- "museum / cultural institution"
- "art / architecture brand"
- "html deck"
- "html slides"
- "zhangzara"
od:
mode: deck
scenario: marketing
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet"
upstream_license: MIT
preview:
type: html
entry: example.html
design_system:
requires: false
speaker_notes: false
animations: false
---
# Stencil & Tablet
> Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand.
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-high
- **Density:** medium
- **Slides in demo:** 11
## Best for
Anything that should feel archival, tactile, and weighty-graphic: museum and cultural-institution decks, art / architecture brands, longform research, heritage and craft brands, manifestos. A great choice anytime — including across tech and business — when you want the deck to feel like a field manual rather than a slide deck.
## Avoid for
Contexts that demand digital-native polish or playful pop — the stencil-cut display and earth-tone palette commit to a deliberate analog feel.
## 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); the HTML references it as `assets/deck-stage.js`, so the
file must sit next to the cloned HTML or that path will 404 in the generated
artifact and navigation will silently break. Inlining the JS into a single
`