# Figpong HTML templates

Choose one of these one-file HTML starting points when it materially improves a visual or collaborative artifact. Most are standalone; templates marked tailwind, markdown, or data-grid use only Figpong's pinned browser runtime. Download the HTML, replace the sample content, then upload it to Figpong. Do not use public review links for confidential data.

- Locked browser runtime: https://www.wdyt.page/vendor/v1/agent.md
- Runtime manifest: https://www.wdyt.page/vendor/v1/manifest.json

## Slide presentation
A polished, keyboard-friendly deck for a concise narrative or proposal.

- Category: presentation
- Style: Traditional slide deck
- Use when: Presenting a proposal; Telling a focused story; Reviewing a deck asynchronously
- Avoid when: The content needs a long scrollable reference; The user needs a spreadsheet-style model
- Capabilities: presentation, printable
- Download: https://www.wdyt.page/html-templates/presentation-slides.html

## Scroll presentation
A vertical scroll-snap story that reads naturally in a browser and presents cleanly.

- Category: presentation
- Style: Vertical scroll story
- Use when: Sharing a narrative update; Creating a web-native story; Reviewing a visual memo
- Avoid when: The presenter needs discrete slide controls; The content is mainly tabular
- Capabilities: presentation, printable
- Download: https://www.wdyt.page/html-templates/presentation-scroll.html

## Horizontal presentation
A cinematic horizontal sequence for product stories, launches, and visual narratives.

- Category: presentation
- Style: Horizontal narrative
- Use when: Showing a product journey; Presenting a launch narrative; Comparing a small sequence of ideas
- Avoid when: The artifact must print as a document; The audience needs dense reference material
- Capabilities: presentation
- Download: https://www.wdyt.page/html-templates/presentation-horizontal.html

## Product demo walkthrough
A staged product walkthrough with screenshots, callouts, and a clear before/after arc.

- Category: presentation
- Style: Guided demo
- Use when: Demoing a product; Explaining a workflow; Reviewing a prototype story
- Avoid when: The artifact should be a live product prototype; The content is primarily a written memo
- Capabilities: presentation
- Download: https://www.wdyt.page/html-templates/presentation-demo.html

## Data update deck
A metrics-led update deck for company, investor, or leadership conversations.

- Category: presentation
- Style: Data-led presentation
- Use when: Sharing a business update; Presenting key metrics; Preparing an investor-style report
- Avoid when: The audience must explore raw data; The document needs detailed requirements
- Capabilities: presentation, charts, printable
- Download: https://www.wdyt.page/html-templates/presentation-data.html

## Executive one-pager
A concise, structured brief for a proposal, strategy, launch, or decision.

- Category: strategy
- Style: Editorial brief
- Use when: Summarizing a plan; Making a proposal; Aligning stakeholders quickly
- Avoid when: The artifact needs extensive technical requirements; The user wants a slide deck
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/one-pager.html

## Decision matrix
A weighted comparison that makes options, criteria, trade-offs, and a recommendation visible.

- Category: strategy
- Style: Structured comparison
- Use when: Choosing between options; Comparing vendors; Making a transparent trade-off
- Avoid when: The decision is already made; The data requires a full financial model
- Capabilities: editable-fields, calculations, printable
- Download: https://www.wdyt.page/html-templates/decision-matrix.html

## Roadmap
A now/next/later plan with milestones, risks, owners, and decision points.

- Category: strategy
- Style: Planning board
- Use when: Planning a product or launch; Aligning a team on sequence; Reviewing priorities
- Avoid when: Managing a large backlog; Tracking day-to-day project execution
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/roadmap.html

## Scenario model
An editable assumptions-and-outputs model for simple business cases and what-if planning.

- Category: data
- Style: Interactive model
- Use when: Exploring a business model; Comparing scenarios; Reviewing assumptions and outcomes
- Avoid when: Needing Excel compatibility; Modeling a large financial workbook
- Capabilities: editable-fields, calculations, charts
- Download: https://www.wdyt.page/html-templates/scenario-model.html

## Research synthesis
A visual synthesis of evidence, themes, quotes, confidence, and implications.

- Category: research
- Style: Evidence-led report
- Use when: Sharing user research; Synthesizing market evidence; Turning notes into implications
- Avoid when: The source material itself is the deliverable; The team needs a formal PRD
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/research-synthesis.html

## Product requirements document
A reviewable PRD covering problem, users, scope, flows, requirements, and open questions.

- Category: product
- Style: Product specification
- Use when: Aligning on a product feature; Reviewing scope; Handing work to engineering
- Avoid when: The user needs a short proposal; The work is mostly visual marketing
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/prd.html

## Competitive analysis
A grounded feature, positioning, and differentiation comparison for a known market.

- Category: research
- Style: Market comparison
- Use when: Comparing competitors; Explaining differentiation; Reviewing positioning choices
- Avoid when: Facts are unverified; The user needs a live research database
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/competitive-analysis.html

## Business dashboard
A KPI-first dashboard with filters, charts, definitions, detail table, and sample-data cues.

- Category: data
- Style: Metrics dashboard
- Use when: Reviewing business performance; Sharing a metric update; Mocking a dashboard
- Avoid when: The user needs a production analytics system; Data is confidential
- Capabilities: charts, filters
- Download: https://www.wdyt.page/html-templates/dashboard.html

## Campaign review
A review surface for campaign objectives, audiences, channels, creative variants, and metrics.

- Category: marketing
- Style: Campaign board
- Use when: Reviewing a campaign; Comparing creative variants; Aligning marketing and product
- Avoid when: Managing live ad spend; The work is a long-form strategy memo
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/campaign-review.html

## Marketing plan
A structured plan for positioning, audience, message, channels, calendar, budget, and risks.

- Category: marketing
- Style: Strategy plan
- Use when: Planning a launch; Aligning a marketing team; Sharing a channel strategy
- Avoid when: The user needs a campaign creative review; The work is a product roadmap
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/marketing-plan.html

## Creative concepts board
A visual comparison of creative directions, messages, visual language, and copy variants.

- Category: marketing
- Style: Concept comparison
- Use when: Reviewing brand concepts; Comparing messages; Choosing a creative direction
- Avoid when: The team needs a production design file; The content is mainly numerical
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/creative-concepts.html

## Workshop board
A structured set of prompts, cards, groups, and priorities for an async workshop.

- Category: collaboration
- Style: Workshop canvas
- Use when: Running an async workshop; Grouping ideas; Prioritizing discussion topics
- Avoid when: The team needs real-time multi-user whiteboarding; The data is sensitive
- Capabilities: editable-fields
- Download: https://www.wdyt.page/html-templates/workshop-board.html

## Fillable worksheet
A clear worksheet with text, number, choice, and checklist fields for one shared artifact.

- Category: collaboration
- Style: Interactive worksheet
- Use when: Helping a person think through a problem; Preparing a structured exercise; Collecting non-sensitive input in one review
- Avoid when: Collecting private responses at scale; Building a production form workflow
- Capabilities: editable-fields, calculations, printable
- Download: https://www.wdyt.page/html-templates/fillable-worksheet.html

## Retrospective
A lightweight retrospective for what went well, what changed, what was learned, and next actions.

- Category: collaboration
- Style: Team reflection
- Use when: Reviewing a sprint or launch; Capturing lessons; Agreeing concrete improvements
- Avoid when: The team needs anonymous survey collection; The focus is a future roadmap
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/retrospective.html

## Meeting decision record
A durable decision record with rationale, owners, dates, dissent, and follow-ups.

- Category: collaboration
- Style: Decision log
- Use when: Documenting an important decision; Sharing meeting outcomes; Making ownership explicit
- Avoid when: The work is an open brainstorm; The user needs a full PRD
- Capabilities: editable-fields, printable
- Download: https://www.wdyt.page/html-templates/meeting-decision-record.html

## Markdown working document
A calm split-view Markdown editor and sanitized preview for decisions, briefs, and shared notes.

- Category: collaboration
- Style: Editorial working document
- Use when: Drafting a collaborative document; Turning notes into a readable brief; Reviewing structured Markdown visually
- Avoid when: The content is confidential; The user needs tracked changes or offline editing
- Capabilities: editable-fields, tailwind, markdown, printable
- Download: https://www.wdyt.page/html-templates/markdown-working-document.html

## Editable data table
A sortable, filterable, editable Tabulator grid with small-plan metrics and CSV export.

- Category: data
- Style: Operational data grid
- Use when: Reviewing a small operating plan; Editing structured rows together; Sharing a lightweight data grid
- Avoid when: The user needs realtime spreadsheet merging; The data is sensitive or larger than a small shared artifact
- Capabilities: editable-fields, tailwind, data-grid, filters
- Download: https://www.wdyt.page/html-templates/editable-data-table.html