# Twitter/X Launch Announcement - Template PH-TW-001

**Dimensions:** 1200x675px  
**Format:** PNG  
**Created:** 2026-04-27  
**Status:** Ready for production  

---

## Design Specification

### Background
- **Type:** Linear gradient
- **Colors:** #2563EB (top) → #1E293B (bottom)
- **Angle:** 180° (vertical)

### Logo
- **File:** `/home/mike/code/scripter/src/assets/logo.svg`
- **Size:** 200x200px
- **Position:** Center (600px from left, 300px from top)
- **Color:** White (#FFFFFF)

### Headline Text
- **Text:** "We're Live on Product Hunt! 🚀"
- **Font:** Inter Bold
- **Size:** 48px
- **Color:** #FFFFFF
- **Position:** 80px from top, centered
- **Letter spacing:** -0.02em

### Tagline
- **Text:** "Write screenplays faster, collaborate better, ship anywhere"
- **Font:** Inter Regular
- **Size:** 24px
- **Color:** #FFFFFF (80% opacity)
- **Position:** 420px from top, centered

### URL Bar
- **Background:** rgba(255, 255, 255, 0.1)
- **Border radius:** 8px
- **Size:** 400x60px
- **Position:** 540px from top, centered
- **Text:** "scripter.app"
- **Font:** Inter Medium
- **Size:** 20px
- **Color:** #FFFFFF

### Product Hunt Badge
- **Position:** 620px from top, centered
- **Size:** 180x60px
- **Asset:** Use official PH "Today's Product" badge or create:
  - Background: #DA552F (PH orange)
  - Text: "Product Hunt" in white
  - Icon: PH logo (hunting horn)

### Footer Features
- **Position:** 50px from bottom
- **Layout:** 3 columns, centered
- **Font:** Inter Medium
- **Size:** 16px
- **Color:** #FFFFFF
- **Items:**
  - "✨ Real-time collaboration"
  - "✨ Industry-standard formatting"
  - "✨ Free to start"

---

## Canva/Figma Production Steps

### Figma
1. Create frame: 1200x675px
2. Add fill: Linear gradient #2563EB → #1E293B
3. Place logo SVG (white variant)
4. Add headline text (Inter Bold, 48px, white)
5. Add tagline (Inter Regular, 24px, white 80%)
6. Create URL bar rectangle with semi-transparent fill
7. Add PH badge (download from producthunt.com/brand or create)
8. Add footer features in 3 columns
9. Export as PNG

### Canva
1. Create design: Custom 1200x675px
2. Background: Gradient (use #2563EB and #1E293B)
3. Upload logo, place center
4. Add heading text (use Inter or similar sans-serif)
5. Add text elements as specified
6. Download as PNG (high quality)

---

## Social Post Copy (to accompany graphic)

**Tweet:**
```
🚀 WE'RE LIVE on @ProductHunt!

After years of building, Scripter is finally here.

✨ Real-time collaboration (like Google Docs for screenplays)
✨ Industry-standard formatting (WGA-approved)
✨ Free tier: unlimited scripts, no credit card

Upvote and try free → [PH LINK]

#ProductHunt #Screenwriting #Filmmaking #IndieDev
```

**Thread continuation:**
```
🧵 Why Scripter?

I spent years struggling with:
❌ Final Draft's $250 price tag
❌ Clunky, outdated interfaces
❌ No real-time collaboration

So I built the modern screenwriting platform I wished existed.

Try it free → scripter.app
```

---

## File Naming
- `ph-twitter-launch-1200x675.png`
- Source: `ph-twitter-launch.fig` (Figma) or `ph-twitter-launch.canva`

---

## Usage
- **Primary:** Twitter/X launch day 12:01 AM PT
- **Secondary:** LinkedIn, Facebook, Instagram feed
- **Email:** Launch day email header
- **Website:** Embed on homepage during launch

---

**Next:** Create this graphic in Figma/Canva, then proceed to milestone templates
