# 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)
