Invisible Text Generator

# Chrome Web Store Promotional Images Guide

## Required Images for Chrome Web Store

### 1. Small Promotional Tile (440x280 pixels)
**Design Suggestion:**
- Background: Dark gradient (cyber noir theme)
- Center: Ghost icon + "INVISIBLE TEXT GENERATOR"
- Bottom: "Generate • Copy • Paste" tagline
- Accent colors: Cyan (#00fff7) and Purple (#b840ff)

### 2. Large Promotional Tile (920x680 pixels)
**Design Suggestion:**
- Split layout:
- Left: Extension screenshot showing UI
- Right: Feature list with icons
- Top banner: "The Ultimate Invisible Text Generator"
- Bottom: "Visit textinvisible.org for more tools"

### 3. Marquee Promotional Tile (1400x560 pixels)
**Design Suggestion:**
- Wide banner format
- Center: Large ghost mascot with glow effects
- Left side: "INVISIBLE TEXT GENERATOR"
- Right side: "3 Modes • 200 Chars • 1-Click Copy"
- Bottom corner: "textinvisible.org" link
- Futuristic scanline effects

### 4. Screenshots (1280x800 or 640x400 pixels) - Minimum 1, Maximum 5

**Screenshot 1: Main Interface**
- Full extension popup view
- Show all three mode buttons
- Display the ghost icon and title
- Highlight the generate button

**Screenshot 2: Generated Text**
- Show output with invisible text indicator
- Display character count
- Highlight copy button in action
- Show copied confirmation

**Screenshot 3: Text Conversion**
- Input text in textarea
- Show length slider
- Display conversion result
- Feature the different modes

**Screenshot 4: Mode Selection**
- Highlight the three different modes
- Show mode descriptions
- Visual differentiation between modes

**Screenshot 5: Info Section**
- Show the information box
- Display "How it works" explanation
- Include textinvisible.org reference
- Show Unicode badge at bottom

## Screenshot Captions

1. "Beautiful, intuitive interface with 3 invisible character modes"
2. "Generate invisible text instantly with one-click copy"
3. "Convert any text to invisible format or create pure invisible characters"
4. "Choose from Invisible, Hidden, or Blank modes for different use cases"
5. "Learn how it works and visit textinvisible.org for more tools"

## Store Listing Images Best Practices

### Color Scheme
- Primary: Dark backgrounds (#0a0e1a, #131826)
- Accents: Cyan (#00fff7), Purple (#b840ff), Pink (#ff3399)
- Text: White (#ffffff) and light blue (#8b9dc3)

### Typography
- Headlines: Orbitron (bold, all caps)
- Body text: JetBrains Mono (clean, readable)
- Maintain high contrast for readability

### Branding Elements
- Ghost emoji (👻) as mascot
- Glowing effects and gradients
- Futuristic/tech-noir aesthetic
- Scanline animations in static images (horizontal lines)

### Key Messages to Include
- "3 Invisible Modes"
- "1-Click Copy"
- "Works Offline"
- "No Data Collection"
- "Visit textinvisible.org"

## Creating Screenshots

If you need to create actual screenshots:

1. Install the extension in Chrome
2. Set Chrome window to 1280x800 resolution
3. Open the extension popup
4. Use Chrome DevTools to take screenshots (Ctrl+Shift+P → "Capture screenshot")
5. Add annotations using image editing software if needed

## Marketing Assets Checklist

- [ ] Small tile (440x280)
- [ ] Large tile (920x680)
- [ ] Marquee tile (1400x560)
- [ ] Screenshot 1 - Main interface
- [ ] Screenshot 2 - Generated text
- [ ] Screenshot 3 - Text conversion
- [ ] Screenshot 4 - Mode selection
- [ ] Screenshot 5 - Info section
- [ ] Extension icon (128x128) - Already created ✓

## Additional Marketing Copy

### YouTube Video Description (if creating demo video)
"Watch how to generate invisible text for Discord, social media, and messaging apps using our beautiful Chrome extension. Free, fast, and privacy-focused. Get more text tools at https://textinvisible.org/"

### Social Media Posts
"🎉 New Chrome Extension Alert! Generate invisible text in 3 different modes. Perfect for Discord, social media & more. Free forever! 👻✨

Get it: [Chrome Store Link]
More tools: https://textinvisible.org/

#InvisibleText #ChromeExtension #Discord #Unicode"

### Blog Post Title Ideas
- "How to Create Invisible Text for Discord and Social Media"
- "The Ultimate Guide to Unicode Invisible Characters"
- "Why Every Content Creator Needs an Invisible Text Generator"
- "3 Ways to Use Invisible Text in Your Projects"

## Backlink Integration Examples

In various sections of the store description, we've naturally integrated the textinvisible.org link:

1. "Need more features?" section
2. "Related tools" section
3. Support URL
4. Homepage URL
5. Privacy policy reference
6. Call-to-action messages
7. Screenshot captions
8. Promotional tile designs