Store Assets Guide

{
  "expo": {
    "icon": "./assets/images/icon.png",
    "ios": {
      "icon": "./assets/images/ios-icon.png"
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      }
    }
  }
}

Do:
  - Use simple, recognizable shapes
  - Ensure readability at small sizes
  - Use bold colors with good contrast
  - Make it unique and memorable
  - Test on different backgrounds

Don't:
  - Include text (unless it's a logo)
  - Use photos
  - Include borders or shadows (iOS adds these)
  - Copy other app icons
  - Use transparency on iOS

Screenshot 1: Hero shot - Main value proposition
Screenshot 2: Key feature #1
Screenshot 3: Key feature #2
Screenshot 4: Key feature #3
Screenshot 5: Social proof or additional features

Headline:
  - Short, benefit-focused
  - Max 5-7 words
  - Large, readable font

Subheadline (optional):
  - Supporting detail
  - Smaller font

Example Headlines:
  - "Track Your Progress"
  - "Connect with Friends"
  - "Save Time Every Day"
  - "Beautiful Analytics"

┌─────────────────────────┐
│                         │
│    HEADLINE TEXT        │  <- Top 20% for text
│    (Large, Bold)        │
│                         │
├─────────────────────────┤
│                         │
│                         │
│    DEVICE MOCKUP        │  <- Center 60% for device
│    with App Screen      │
│                         │
│                         │
├─────────────────────────┤
│                         │
│   (Optional subtext)    │  <- Bottom 20% optional
│                         │
└─────────────────────────┘

Background:
  - Use brand colors
  - Gradients work well
  - Avoid pure white (blends with store)

Typography:
  - 1-2 font families max
  - Consistent sizing across screenshots
  - High contrast for readability

Device Frames:
  - Optional but professional
  - Use latest device models
  - Consistent frame style

Languages to Consider:
  - English (US)
  - English (UK)
  - Spanish
  - French
  - German
  - Japanese
  - Korean
  - Chinese (Simplified)
  - Chinese (Traditional)
  - Portuguese (Brazil)

Tips:
  - Translate text overlays
  - Show localized app content
  - Consider cultural differences
  - Adjust text length for different languages

┌─────────────────────────────────────────┐
│                                         │
│   LOGO        HEADLINE TEXT             │
│   or          "Your App's              │
│   ICON        Main Benefit"             │
│                                         │
│        [App Screenshot Preview]         │
│                                         │
└─────────────────────────────────────────┘

Do:
  - Include app name/logo
  - Show a key app screen
  - Use brand colors
  - Keep it simple and bold

Don't:
  - Overload with text
  - Use low-quality images
  - Include "New" or "Sale" badges
  - Show pricing information

Format: YouTube URL
Duration: 30 seconds to 2 minutes recommended
Resolution: 1080p minimum

Tips:
  - First 10 seconds most important
  - Show actual app usage
  - Include captions (many watch muted)
  - End with clear call-to-action

0:00-0:05  Hook - Show best feature
0:05-0:15  Problem - What does your app solve?
0:15-0:25  Solution - How your app helps
0:25-0:30  CTA - Download now

ios-icon-1024.png
ios-screenshot-01-home.png
ios-screenshot-02-features.png
android-icon-512.png
android-feature-graphic.png
android-screenshot-01-home.png

PNG:
  - 8-bit for simple graphics
  - 24-bit for photos/gradients
  - No interlacing

JPEG:
  - Quality: 80-90%
  - Progressive: Yes
  - No EXIF data

iOS: sRGB or Display P3
Android: sRGB
Web: sRGB