Files
FrenoCorp/marketing/product-hunt-assets.md

9.3 KiB

Product Hunt Launch Assets

Issue: FRE-637
Created: 2026-04-26
Owner: CMO


Product Hunt Thumbnail

Specifications

  • Size: 240x240px PNG
  • Format: PNG with transparency support
  • Background: Scripter Blue (#2563EB)

Design Variants

Variant 1: Logo Primary

  • Scripter icon mark centered
  • White or light gray color
  • Clean, minimal design
  • File: ph-thumbnail-primary.png

Variant 2: Logo + Tagline

  • Icon mark top half
  • "Write Faster" tagline bottom
  • Inter font, white text
  • File: ph-thumbnail-tagline.png

Variant 3: Feature Focus

  • Icon mark with subtle glow effect
  • "Free to Start" badge corner
  • Call-to-action focus
  • File: ph-thumbnail-cta.png

Creation Tools

  • Figma (recommended)
  • Canva (alternative)
  • Adobe Illustrator (professional)

Export Settings

  • PNG format
  • 240x240px exact
  • sRGB color space
  • < 5MB file size

Product Screenshots

Required Shots (5-7 total)

1. Hero Editor View

  • Full screen editor interface
  • Sample script with formatting
  • Show character/scene count
  • Clean, distraction-free view
  • Resolution: 1920x1080px

2. Real-Time Collaboration

  • Multiple cursors visible
  • User avatars in top-right
  • Live editing indicators
  • Chat/comments sidebar
  • Resolution: 1920x1080px

3. Analytics Dashboard

  • Scene count breakdown
  • Character statistics
  • Writing velocity metrics
  • Progress toward goals
  • Resolution: 1920x1080px

4. Export Dialog

  • PDF, FDX, Fountain options
  • Format settings
  • Preview pane
  • One-click export
  • Resolution: 1200x800px

5. Mobile App Preview

  • iPhone/Android mockup
  • Editor on mobile
  • Sync indicator
  • Resolution: 1080x1920px (portrait)

6. Pricing Page

  • Free tier highlighted
  • Pro features list
  • Clear comparison
  • CTA buttons
  • Resolution: 1920x1080px

7. AI Features (if ready)

  • AI dialogue suggestions
  • Scene analysis
  • Smart formatting
  • Resolution: 1920x1080px

Screenshot Guidelines

  • Use realistic sample content
  • Ensure high contrast and clarity
  • Remove browser chrome unless relevant
  • Annotate key features with subtle callouts
  • Maintain consistent lighting/theme

GIF Demos

Required GIFs (3-4 total)

1. Real-Time Collaboration

  • Show two users editing simultaneously
  • Cursor movement and text updates
  • Duration: 5-8 seconds
  • Size: < 3MB
  • Dimensions: 800x600px

2. Format Automation

  • Type character name → auto-format
  • Scene heading → proper spacing
  • Transition to dialogue
  • Duration: 6-10 seconds
  • Size: < 3MB
  • Dimensions: 800x600px

3. Export Flow

  • Click export button
  • Select format
  • Download completes
  • Duration: 4-6 seconds
  • Size: < 2MB
  • Dimensions: 800x600px

4. AI Feature (optional)

  • AI suggestion appears
  • User accepts/rejects
  • Script updates
  • Duration: 5-7 seconds
  • Size: < 3MB
  • Dimensions: 800x600px

GIF Creation Tools

  • Loom (screen recording)
  • ScreenToGif (Windows)
  • Gifox (Mac)
  • Photoshop (editing)

Optimization

  • Reduce colors to 128-256
  • Crop to essential area
  • Loop seamlessly
  • Compress with gifsicle

90-Second Maker Video Script

Video Structure

0:00-0:15 — Hook: The Problem

[Visual: Frustrated writer at computer]
Narrator: "Screenwriters have been stuck with the same old tools for decades.
Overpriced. Outdated. Built for the 90s."

[Visual: Final Draft price tag $199, clunky interface]
"Final Draft costs $199. WriterDuet is better, but still feels legacy."

0:15-0:30 — Introduce Solution

[Visual: Scripter logo reveal, clean interface]
Narrator: "Meet Scripter. The screenwriting platform built for 2026."

[Visual: Writer smiling, typing smoothly]
"Write faster. Collaborate better. Ship anywhere."

0:30-0:60 — Feature Showcase

[Visual: Real-time collaboration demo]
"Real-time collaboration, like Google Docs for screenplays."

[Visual: Auto-formatting in action]
"Industry-standard formatting, automatic. Focus on writing, not formatting."

[Visual: Analytics dashboard]
"Track your progress with powerful analytics."

[Visual: Export to multiple formats]
"Export to PDF, Final Draft, Fountain—anywhere you need."

[Visual: Mobile app preview]
"Write on any device. Your scripts sync everywhere."

0:60-0:75 — Social Proof

[Visual: Beta tester testimonials]
"Beta testers call it 'the future of screenwriting.'"

[Visual: Comparison chart]
"33% faster than WriterDuet. 100% free to start."

0:75-0:90 — Call to Action

[Visual: Scripter homepage, free signup]
"Start writing free today at scripter.app."

[Visual: Product Hunt logo + upvote animation]
"We're launching on Product Hunt. Upvote and join the revolution!"

[Visual: Logo + tagline]
"Scripter. Write screenplays faster."

Production Notes

Recording:

  • Screen recordings: 1080p, 60fps
  • Voiceover: Clear, enthusiastic, conversational
  • Background music: Upbeat, modern, non-distracting

Tools:

  • Screen recording: Loom, ScreenFlow, Camtasia
  • Voiceover: Professional mic or hire on Fiverr
  • Editing: Descript, Premiere Pro, Final Cut

Budget Options:

  • DIY: $0 (Loom + free editing)
  • Fiverr voiceover: $50-100
  • Fiverr full production: $300-500

Delivery Format

  • MP4, H.264 codec
  • 1920x1080px (1080p)
  • < 50MB file size
  • Include captions/subtitles

Comment Response Templates

Pricing Questions

@user Great question! Scripter is free to start with unlimited pages and core features. 
Pro is $9.99/mo with AI tools, advanced analytics, and priority support. 
Student discounts available! 🎓

Platform Availability

@user We're on web (all browsers), macOS, and Windows! iOS and Android apps 
launching soon. All sync in real-time so you can write anywhere. 📱

Export Compatibility

@user Absolutely! Export to PDF, Final Draft (.fdx), Fountain, and more. 
Your scripts stay yours, always. No lock-in. ✅

Collaboration Features

@user Yes! Real-time collaboration like Google Docs. Multiple writers, 
live cursors, comments, and version history. Perfect for writing teams! 👥

Security/Privacy

@user Your scripts are encrypted at rest and in transit. We never read 
or share your content. Backups daily. You own everything. 🔒

AI Features

@user Our AI helps with dialogue suggestions, scene analysis, and smart 
formatting. It's your creative assistant, not a replacement. Pro feature. 🤖

Student Discounts

@user Yes! Students get 50% off Pro with valid .edu email. Teachers get 
free Pro accounts for their classrooms. DM us for details! 📚

Comparison to Competitors

@user We're 33% faster than WriterDuet, 100% free to start (vs Final Draft's 
$199), and built with modern tech. Plus real-time collab is our specialty! 🚀

Mobile App

@user iOS and Android apps are in beta launching soon! You can write on 
web/mobile desktop now, and native apps coming Q3. 📲

Team Features

@user Teams get shared workspaces, admin controls, bulk licensing, and 
priority support. DM us for team pricing! Perfect for writers' rooms. 🎬

Social Share Graphics

Twitter/X Posts

  • Size: 1200x675px
  • Content: Launch announcement, milestones, feature highlights
  • Variants: 5-7 different designs for variety

LinkedIn Posts

  • Size: 1200x627px
  • Content: Professional tone, founder story, product value prop
  • Variants: 3-4 designs

Instagram Stories

  • Size: 1080x1920px (portrait)
  • Content: Behind-the-scenes, countdown, launch day updates
  • Variants: 7-10 frames for story sequence

Milestone Templates

  • 100 upvotes
  • 250 upvotes
  • 500 upvotes
  • #1 Product of the Day
  • #1 of the Week
  • Launch complete thank you

Asset Checklist

Pre-Submission (T-14 days)

  • Thumbnail (3 variants)
  • Maker comment draft
  • First comment draft
  • Comment response templates (10+)

Pre-Launch (T-7 days)

  • Product screenshots (5-7)
  • GIF demos (3-4)
  • 90-second maker video
  • Social share graphics (10+)
  • Milestone templates (6)

Launch Day

  • All graphics uploaded to PH
  • Social posts scheduled
  • Email templates ready
  • Analytics tracking live

File Organization

/marketing/product-hunt/
  /thumbnails/
    - ph-thumbnail-primary.png
    - ph-thumbnail-tagline.png
    - ph-thumbnail-cta.png
  /screenshots/
    - 01-editor-view.png
    - 02-collaboration.png
    - 03-analytics.png
    - 04-export.png
    - 05-mobile.png
    - 06-pricing.png
    - 07-ai-features.png
  /gifs/
    - collaboration.gif
    - formatting.gif
    - export.gif
    - ai-feature.gif (optional)
  /video/
    - maker-video-90s.mp4
    - maker-video-90s-with-captions.mp4
  /social/
    - twitter-launch.png
    - twitter-milestone-100.png
    - twitter-milestone-500.png
    - linkedin-announcement.png
    - instagram-story-1.png
    - instagram-story-2.png
    - instagram-story-3.png
    - milestone-thank-you.png

Next Actions

  1. Create thumbnails - Use Figma with brand assets
  2. Capture screenshots - Coordinate with CTO for stable build
  3. Record maker video - Script ready, hire voiceover or DIY
  4. Design social graphics - Use brand templates
  5. Upload to PH - Once page is submitted

Related: