Guides

Practical guides to product demos, explainers, social clips, graphics, decks and brand: what works, how long, and how to make it.

• How to make a product demo video from screenshots

  Plan the shots, capture up to eight clean screens, animate them and export for each channel. A worked 30-second shot list and the mistakes to avoid.

• Product demo scripts for 15, 30 and 60 seconds

  Three complete product demo scripts with exact word counts, timings and on-screen text, plus a storyboard format you can copy for your own product.

• How to make an animated SaaS demo without After Effects

  Six ways to make a polished animated SaaS demo without After Effects, with what each costs, the skill it needs, and how to make any of them look good.

• Demo video or interactive demo? How to choose

  When a demo video beats a click-through, and when it doesn't: a decision table by placement, the upkeep each format needs, and how to use both.

• How to hide customer data in product screenshots

  Why blur and pixelation can leak the text beneath, what to do instead, and a pre-publish checklist for product screenshots, demos and screen recordings.

• Video release notes: turn your changelog into short clips

  Which releases deserve a video, how to turn GitHub notes into a 15-second script, the right format per channel, and how to watch a release feed automatically.

• Should you gate your demo? What the evidence supports

  Most evidence on gated versus ungated demos is vendor data. What it does and doesn't show, a decision table, and a test plan with sample sizes.

• AppSumo listing images: every rule, explained

  AppSumo's image rules in plain English: 1920 × 1080 minimum, JPG or PNG, 5 MB, no text or overlays, and how to capture screenshots that pass.

• Product Hunt gallery sizes and launch assets

  Product Hunt's gallery size is 1270 × 760, with two images minimum. Here's every spec it publishes, what it leaves out, and how to fit 16:9 captures.

• Image sizes for a product launch, cited to each platform

  Launch image sizes taken from each platform's own documentation: link previews, marketplaces, YouTube, feeds and ads, plus what we couldn't verify.

• Add an animated demo to your site without hurting Core Web Vitals

  Add an animated demo without hurting LCP, INP or CLS: reserve the space, use a poster, lazy load offscreen, respect reduced motion, and measure the result.

• The files in a logo pack, and what each one is for

  What each logo file does: SVG, PNG, favicon.ico, apple-touch-icon, manifest and maskable icons, and share images, with sizes from primary docs.