--- name: html-ppt-zhangzara-neo-grid-bold description: | Neo-Grid Bold — Editorial neo-brutalism with a single neon yellow accent on off-white paper. Anything that should feel confident and editorial-graphic: design-led pitches, brand work, founder talks, conference keynotes. triggers: - "neo-grid-bold" - "zhangzara-neo-grid-bold" - "Neo-Grid Bold" - "confident" - "punchy" - "bold" - "minimal" - "product launch" - "design review" - "html deck" - "html slides" - "zhangzara" od: mode: deck scenario: marketing upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" upstream_license: MIT preview: type: html entry: example.html design_system: requires: false speaker_notes: false animations: false --- # Neo-Grid Bold > Editorial neo-brutalism with a single neon yellow accent on off-white paper. 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:** high - **Slides in demo:** 12 ## Best for Anything that should feel confident and editorial-graphic: design-led pitches, brand work, founder talks, conference keynotes. Excellent for stat-heavy slides, comparisons, and process flows. Just as strong for tech, research, or finance when the speaker wants to read as design-led rather than corporate. ## Avoid for Contexts that need to feel quiet, traditional, or warm — the neon-yellow accent and uppercase display commit to a confident editorial voice. ## 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 `