# Product Hunt Social Share Graphics **Created:** 2026-04-26 **Owner:** CMO **Status:** Ready for production **Tools:** Figma (free tier) or Canva --- ## Graphics Needed (12 total) ### Twitter/X Posts (5) 1. Launch announcement 2. 100 upvotes milestone 3. 250 upvotes milestone 4. 500 upvotes milestone 5. Thank you / launch complete ### LinkedIn Posts (3) 1. Professional launch announcement 2. Founder story post 3. Feature highlight post ### Instagram Stories (4) 1. Launch day countdown 2. We're live! 3. Behind the scenes 4. Thank you story --- ## Brand Guidelines **Colors:** - Scripter Blue: #2563EB (primary) - Deep Navy: #1E293B (text) - Accent Amber: #F59E0B (highlights) - White: #FFFFFF (background) **Typography:** Inter (all weights) **Logo:** Use icon mark + wordmark when space allows --- ## Twitter/X Graphics (1200x675px) ### 1. Launch Announcement **Layout:** - Background: Gradient #2563EB β†’ #1E293B - Center: Scripter logo (white) - Top: "We're Live on Product Hunt! πŸš€" - Bottom: "scripter.app" + PH logo **Copy:** ``` We're LIVE on Product Hunt! πŸš€ After years of building, Scripter is finally here. ✨ Real-time collaboration ✨ Industry-standard formatting ✨ Free to start Upvote and try free: [PH link] #ProductHunt #Screenwriting #Filmmaking ``` ### 2. 100 Upvotes Milestone **Layout:** - Background: #2563EB - Center: "100" in large white text (Inter Bold, 120px) - Below: "Upvotes in 2 hours!" - Bottom: Scripter logo **Copy:** ``` Wow! 100 upvotes in just 2 hours! πŸŽ‰ Thank you Product Hunt community! Try Scripter free: scripter.app #ProductHunt #IndieDev ``` ### 3. 250 Upvotes Milestone **Layout:** - Background: #F59E0B (amber for excitement) - Center: "250" in white (Inter Bold, 120px) - Below: "We're halfway there!" - Bottom: Scripter logo **Copy:** ``` 250 upvotes! You're amazing! πŸ”₯ Help us reach 500 β†’ [PH link] #ProductHunt #Screenwriting ``` ### 4. 500 Upvotes Milestone **Layout:** - Background: Gradient #F59E0B β†’ #2563EB - Center: "500" in white (Inter Bold, 120px) - Below: "Goal achieved! Thank you!" - Confetti overlay (optional) - Bottom: Scripter logo **Copy:** ``` 500 UPVOTES! 🎊 We're blown away by the support. This is just the beginning. #ProductHunt #Startup #Filmmaking ``` ### 5. Thank You / Launch Complete **Layout:** - Background: #1E293B (navy) - Center: "Thank You" in white (Inter Bold, 80px) - Below: Final stats (upvotes, comments, rank) - Bottom: Scripter logo + "Write Faster" **Copy:** ``` Launch day complete! πŸ™ Final stats: ✨ [X] upvotes ✨ [X] comments ✨ Top [X] of the day Thank you to everyone who supported us! #ProductHunt #Grateful ``` --- ## LinkedIn Graphics (1200x627px) ### 1. Professional Launch Announcement **Layout:** - Background: Clean white - Top left: Scripter logo - Center: Professional product screenshot - Bottom: "Now on Product Hunt" badge **Copy:** ``` Excited to announce Scripter's launch on Product Hunt! Scripter is a modern screenwriting platform built for how writers actually work in 2026. Key features: β€’ Real-time collaboration (like Google Docs for screenplays) β€’ Industry-standard formatting (WGA-approved) β€’ Cross-platform sync (web, desktop, mobile) β€’ AI-powered writing tools β€’ Free tier with unlimited scripts We're challenging legacy tools like Final Draft ($199) with modern technology and fair pricing (free to start, Pro at $9.99/mo). Would appreciate your upvote and feedback: [PH link] #Screenwriting #Filmmaking #ProductLaunch #SaaS ``` ### 2. Founder Story Post **Layout:** - Background: Light gray #F8FAFC - Left: Founder photo (if available) or Scripter logo - Right: Quote text in large format - Bottom: Scripter branding **Quote:** > "I spent years struggling with screenwriting software that felt like it was built in the 90s. So I built the modern platform I wished existed." **Copy:** ``` From frustration to innovation. As a screenwriter, I struggled with tools that were: ❌ Overpriced ($199 for Final Draft) ❌ Outdated (built for Windows 95) βŒε­€η«‹ηš„ (no real-time collaboration) So I spent the last [X] months building Scripter. Today we're launching on Product Hunt, and I couldn't be more excited. This is what modern screenwriting software should look like. Try it free: scripter.app #FounderStory #IndieDev #ProductHunt ``` ### 3. Feature Highlight Post **Layout:** - Background: #2563EB - Center: Screenshot of collaboration feature - Overlay: "Real-Time Collaboration" text - Bottom: Scripter logo **Copy:** ``` Real-time collaboration changes everything. Imagine writing a screenplay with a partner, but you can both edit simultaneouslyβ€”like Google Docs for scripts. That's Scripter. ✨ Multiple cursors, zero conflicts ✨ Live chat and comments ✨ Version history included ✨ Free for unlimited collaborators See it in action: [PH link] #Screenwriting #Collaboration #ProductHunt ``` --- ## Instagram Stories (1080x1920px) ### 1. Launch Day Countdown **Layout:** - Background: Animated gradient - Center: Large countdown timer "00:00:00" - Bottom: "Scripter launches on Product Hunt!" **Story Text:** ``` TOMORROW! ⏰ Scripter launches on Product Hunt Set your alarms β†’ 12:01 AM PT [Swipe up link or "Link in bio"] ``` ### 2. We're Live! **Layout:** - Background: #2563EB with confetti animation - Center: "WE'RE LIVE!" in large white text - Product Hunt logo - Bottom: Scripter logo **Story Text:** ``` WE'RE LIVE! πŸš€ Upvote Scripter on Product Hunt Link in bio β†’ #ProductHunt #LaunchDay ``` ### 3. Behind the Scenes **Layout:** - Background: Photo of workspace/code/editor - Overlay: Semi-transparent navy - Text: White **Story Text:** ``` Built with ❀️ by screenwriters [Photo of development process] Months of coding β†’ Launch day Thank you for the support! [Link sticker: "Try Free"] ``` ### 4. Thank You Story **Layout:** - Background: Gradient amber to blue - Center: "THANK YOU" in large text - Stats below - Bottom: Scripter logo **Story Text:** ``` THANK YOU! πŸ™ [X] upvotes [X] comments Top [X] of the day This is just the beginning. Try Scripter free β†’ [Link] ``` --- ## Milestone Templates (Reusable) ### Template Structure **For any milestone (100, 250, 500, 1000):** ``` Layout: - Background: Brand color (rotate per milestone) - Center: [NUMBER] in Inter Bold, 120px - Subtitle: "Upvotes!" or "We did it!" - Bottom: Scripter logo - Optional: Confetti/celebration overlay Colors by milestone: - 100: #2563EB (blue) - 250: #F59E0B (amber) - 500: Gradient amber β†’ blue - 1000: #10B981 (green, success) ``` --- ## Production Checklist ### In Figma/Canva: 1. **Set up frames:** - Twitter/X: 1200x675px (5 frames) - LinkedIn: 1200x627px (3 frames) - Instagram Stories: 1080x1920px (4 frames) 2. **Apply brand colors:** - Create color styles for reuse - Use #2563EB, #1E293B, #F59E0B, #FFFFFF 3. **Typography:** - Use Inter font family - Hierarchy: Bold for numbers, Regular for body 4. **Export settings:** - Format: PNG - Quality: High (for social media) - File naming: `ph-twitter-launch.png`, `ph-linkedin-announcement.png`, etc. --- ## Posting Schedule (Launch Day) | Time PT | Platform | Graphic | Copy | |---------|----------|---------|------| | 12:01 AM | All | Launch announcement | "We're live!" | | 12:15 AM | Twitter | Launch announcement | Thread starter | | 12:15 AM | LinkedIn | Professional announcement | Long-form post | | 3:00 AM | Twitter | 100 upvotes milestone | Quick update | | 8:00 AM | LinkedIn | Founder story | Personal post | | 12:00 PM | Twitter | 250 upvotes milestone | Midday push | | 12:00 PM | Instagram | Behind the scenes | Story post | | 4:00 PM | Twitter | 500 upvotes milestone | Goal celebration | | 4:00 PM | LinkedIn | Feature highlight | Product post | | 8:00 PM | All | Thank you / complete | Wrap-up post | | 9:00 PM | Instagram | Thank you story | Final story | --- ## File Organization ``` /marketing/product-hunt-assets/social/ β”œβ”€β”€ twitter/ β”‚ β”œβ”€β”€ ph-twitter-launch-1200x675.png β”‚ β”œβ”€β”€ ph-twitter-100upvotes-1200x675.png β”‚ β”œβ”€β”€ ph-twitter-250upvotes-1200x675.png β”‚ β”œβ”€β”€ ph-twitter-500upvotes-1200x675.png β”‚ └── ph-twitter-thankyou-1200x675.png β”œβ”€β”€ linkedin/ β”‚ β”œβ”€β”€ ph-linkedin-launch-1200x627.png β”‚ β”œβ”€β”€ ph-linkedin-founder-1200x627.png β”‚ └── ph-linkedin-feature-1200x627.png β”œβ”€β”€ instagram/ β”‚ β”œβ”€β”€ ph-ig-countdown-1080x1920.png β”‚ β”œβ”€β”€ ph-ig-welive-1080x1920.png β”‚ β”œβ”€β”€ ph-ig-bts-1080x1920.png β”‚ └── ph-ig-thankyou-1080x1920.png └── source/ └── (Figma/Canva source files) ``` --- ## Quick Production Guide ### Using Figma (Free): 1. **Create account:** figma.com (free tier is sufficient) 2. **New design file:** File β†’ New Design File 3. **Create frames:** - Press `F` for Frame tool - Set custom size (1200x675 for Twitter, etc.) - Create 12 frames total 4. **Apply backgrounds:** - Select frame - Use Fill tool β†’ Color β†’ Enter hex code 5. **Add text:** - Press `T` for Text tool - Type copy - Font: Inter (free in Figma) 6. **Add logo:** - File β†’ Place Image β†’ Select logo PNG - Position in frame 7. **Export:** - Select frame - Export tab (right sidebar) - PNG format, 1x scale - Export all **Time estimate:** 2-3 hours for all 12 graphics --- ## Success Metrics **Track for each graphic:** - Impressions - Engagement rate (likes, comments, shares) - Click-through rate (link clicks) - Best performing: Note which milestones/graphics get most engagement **Benchmarks:** - Twitter: 1-3% engagement rate - LinkedIn: 2-5% engagement rate - Instagram Stories: 10-15% completion rate --- **Status:** Ready for production **Next:** Create all 12 graphics in Figma/Canva (2-3 hours) **Due:** Before launch day (May 7)