FrenoCorp/marketing/product-hunt-social-graphics.md

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)