9.3 KiB
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
- Create thumbnails - Use Figma with brand assets
- Capture screenshots - Coordinate with CTO for stable build
- Record maker video - Script ready, hire voiceover or DIY
- Design social graphics - Use brand templates
- Upload to PH - Once page is submitted
Related: